1<!doctype html> 2<html lang="zh"> 3<head> 4 <meta charset="utf-8"> 5 <title>åç»å¾Prudential-åç»å¾ä¸å½å®ç½</title> 6 <meta name="keywords" content="åç»å¾ï¼Prudential, 建çéåºç³»ç»ï¼æºæ¢°éæ ï¼åå¦éæ ï¼ç³æèæ ï¼æ§½å¼é¢åä»¶ï¼ç¢³çº¤ç»´å¸ï¼æ¤çè¶ï¼å¹å¢éæ åå®¶"> 7 <meta name="description" content="åç»å¾ Prudential ä¸å½å®ç½ï¼ä¸ä¸å»ºçéåºç³»ç»è§£å³æ¹æ¡æå¡åï¼ä¸»è¥æºæ¢°éæ ãåå¦éæ ãç³æèæ ãæ§½å¼é¢åä»¶ã碳纤维å åºææï¼æä¾å¹å¢ã轨é交éãåºå»ºé¡¹ç®éåºäº§åä¸å ¨å¥ææ¯æå¡æ¯æã"> 8 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no"> 9 10 <!-- CSS æ ·å¼ --> 11 <link rel="stylesheet" href="/template/default/bootstrap/css/boot.min.css"> 12 <link rel="stylesheet" href="/template/default/font-awesome-4.7.0/css/font-awesome.min.css"> 13 <link rel="stylesheet" href="/template/default/css/aoyun.css?v=v1.3.5"> 14 <link rel="stylesheet" href="/template/default/swiper-4.3.5/css/swiper.min.css"> 15 <link rel="stylesheet" href="/template/default/css/animate.css"> 16 <link rel="stylesheet" type="text/css" href="/template/default/html/skin/css/font-awesome.css" media="screen" /> 17 <link rel="stylesheet" type="text/css" href="/template/default/html/skin/css/bootstrap.min.css" media="screen" /> 18 <link rel="stylesheet" type="text/css" href="/template/default/html/skin/css/style-red.css" media="screen" /> 19 <link rel="stylesheet" type="text/css" href="/template/default/html/skin/css/tk.css" media="screen" /> 20 <link href="/template/default/css/vendor.css-ver=v2.161127.css" rel="stylesheet"> 21 22 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 23 24 <!-- JS èæ¬ --> 25
25<script src="/template/default/js/jquery-1.12.4.min.js"></script>
25 26
26<script type="text/javascript" src="/template/default/html/skin/js/jquery.min.js"></script>
26 27
27<script type="text/javascript" src="/template/default/html/skin/js/bootstrap.min.js"></script>
27 28
28<script type="text/javascript" src="/template/default/html/skin/js/owl.carousel.min.js"></script>
28 29
29<script src="/template/default/js/vendor.js"></script>
29 30 31 <!-- èªå®ä¹å¯¼èªæ æ ·å¼ä¸å ¨å±ç¼©æ¾ --> 32 <style> 33 /* 强å¶å§ç»æ¾ç¤ºåç´æ»å¨æ¡ï¼å½»åºæ ¹æ²»é¡µé¢å è½½æ¶å æ»å¨æ¡çªç°å¯¼è´çå³ä¾§æå¨ */ 34 html { 35 overflow-y: scroll; 36 zoom: 0.95; 37 } 38 39 /* ================= å¯¼èªæ åºç¡æ ·å¼ ================= */ 40 .navbar-fixed-top { 41 z-index: 999999 !important; 42 background-color: #fff !important; 43 border-bottom: 1px solid #f0f0f0 !important; 44 transform: translateZ(0) !important; 45 -webkit-transform: translateZ(0) !important; 46 left: 0; 47 right: 0; 48 width: 100%; 49 } 50 51 /* çµè端主导èªå¨ç» - æ¢å¤é»è®¤éèï¼å¹¶ä½¿ç¨å®å ¨ä¸ç§»åæ°ï¼ä¸ç ´ååæå¤åå¸å±ï¼ */ 52 .navbar-nav .Lev1 > ul { 53 display: block !important; 54 visibility: hidden !important; 55 opacity: 0 !important; 56 pointer-events: none !important; 57 margin-top: 5px !important; 58 background-color: #fff !important; 59 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important; 60 } 61 62 @media (min-width: 768px) { 63 .navbar-nav .Lev1 > ul { 64 transition: opacity 0.3s ease, visibility 0.3s ease !important; 65 } 66 .navbar-nav .Lev1:hover > ul { 67 visibility: hidden !important; 68 opacity: 0 !important; 69 }
70 .navbar-nav .Lev1.is-clicked > ul, 71 .navbar-nav .Lev1.is-clicked:hover > ul { 72 visibility: visible !important; 73 opacity: 1 !important; 74 pointer-events: auto !important; 75 } 76 /* çµè端éèææºä¸ç¨æç´¢æ©å± */ 77 .mobile-search-group { 78 display: none !important; 79 } 80 } 81 82 /* çµè端åèåæ¬æµ®é«äº® */ 83 .navbar-nav .Lev2 a.menu2:hover { 84 color: #e60012 !important; 85 } 86 87 /* ================= ææºç«¯ç²¾åå¾®è°ï¼æ¶é¤å¤ä½é´è·ï¼Logoå± å·¦ï¼æç´¢+èåé å³å¯¹é½ï¼ ================= */ 88 @media (max-width: 767px) { 89 .navbar-header { 90 display: flex !important; 91 align-items: center !important; 92 justify-content: space-between !important; 93 width: 100% !important; 94 float: none !important; 95 margin: 0 !important; 96 } 97 .navbar-brand { 98 float: none !important; 99 padding: 10px 0 !important; 100 margin: 0 !important; 101 display: flex !important; 102 align-items: center !important; 103 } 104 .navbar-toggle.mmenu-btn { 105 float: none !important; 106 margin: 0 !important; 107 } 108 .mobile-search-group { 109 display: flex !important; 110 align-items: center !important; 111 gap: 5px; 112 margin-left: auto; 113 margin-right: 10px; 114 } 115 /* ææºç«¯å ä½ç©ºç½é«åº¦ç¼©å°ï¼æ¶é¤ä¸Bannerä¹é´ç巨大é´è· */ 116 .head-sm-height { 117 height: 55px !important; 118 } 119 } 120 121 /* ================= ææºç«¯èåå®ç¾éé æ¹æ¡ ================= */ 122 nav#mmenu.mm-menu { 123 width: 100% !important; 124 max-width: 100% !important; 125 top: var(--nav-h, 55px) !important; 126 height: calc(100vh - var(--nav-h, 55px)) !important; 127 z-index: 99988 !important; 128 background-color: #fff !important; 129 } 130 131 #mmenu .mm-panels > .mm-panel:first-child > .mm-navbar { 132 display: none !important; 133 } 134 135 #mmenu .mm-panels > .mm-panel:first-child { 136 padding-top: 20px !important; 137 } 138 139 #mmenu .mm-panels > .mm-panel:not(:first-child) > .mm-navbar { 140 display: block !important; 141 } 142 #mmenu .mm-navbar > * { 143 color: #000 !important; 144 } 145 146 .navbar-toggle.mmenu-btn .icon-bar { 147 transition: all 0.3s ease-in-out; 148 background-color: #000 !important; 149 } 150 151 .navbar-default .navbar-toggle.mmenu-btn, 152 .navbar-default .navbar-toggle.mmenu-btn:hover, 153 .navbar-default .navbar-toggle.mmenu-btn:focus, 154 .navbar-default .navbar-toggle.mmenu-btn.is-active, 155 .navbar-default .navbar-toggle.mmenu-btn:active { 156 background-color: transparent !important; 157 border-color: transparent !important; 158 box-shadow: none !important; 159 outline: none !important; 160 -webkit-tap-highlight-color: transparent !important; 161 } 162 163 .navbar-toggle.mmenu-btn.is-active span.icon-bar:nth-child(2) { 164 transform: translateY(6px) rotate(45deg); 165 } 166 .navbar-toggle.mmenu-btn.is-active span.icon-bar:nth-child(3) { 167 opacity: 0; 168 } 169 .navbar-toggle.mmenu-btn.is-active span.icon-bar:nth-child(4) { 170 transform: translateY(-6px) rotate(-45deg); 171 } 172 173 .mm-listview .m-menu1 { 174 font-size: 16px !important; 175 color: #000 !important; 176 font-weight: bold !important; 177 } 178 179 .mm-listview .m-menu2 { 180 font-size: 16px !important; 181 color: #333 !important; 182 font-weight: bold !important; 183 padding-top: 15px !important; 184 } 185 186 .mm-listview .m-menu3 { 187 font-size: 16px !important; 188 color: #444 !important; 189 font-weight: normal !important; 190 padding-left: 45px !important; 191 } 192 193 .mm-listview .m-lang { 194 font-size: 16px !important; 195 color: #888 !important; 196 font-weight: bold !important; 197 } 198 199 /* ================= ã髿éè¦çãå ¨ç»ç«¯å®ç¾æ çº¢æ ·å¼ ================= */ 200 .mm-menu .mm-listview .m-menu1.active-red, 201 .mm-menu .mm-listview .m-menu2.active-red, 202 .mm-menu .mm-listview .m-menu3.active-red, 203 .navbar-nav .Lev1 > a.active-red, 204 .navbar-nav .active-red, 205 a.active-red, 206 span.active-red { 207 color: #e60012 !important; 208 font-weight: bold !important; 209 } 210 211 /* ================= æç®æç´¢æ¡ç¹å»å¾å·¦ä¼¸é¿ç¹æ ================= */ 212 .search-form-wrap { 213 border: 1px solid #d8d8d8; 214 border-radius: 40px; 215 padding: 0 15px; 216 background: #fff; 217 display: inline-flex; 218 align-items: center; 219 height: 36px; 220 transition: border-color 0.4s ease; 221 } 222 223 .search-form-wrap:focus-within { 224 border-color: #e3000f; 225 } 226 227 .magic-input { 228 width: 110px; 229 height: 100%; 230 border: 0px !important; 231 background: transparent !important; 232 box-shadow: none !important; 233 outline: none !important; 234 transition: width 0.4s ease; 235 font-size: 14px; 236 padding: 0; 237 color: #333; 238 } 239 240 .magic-input:focus { 241 width: 220px; 242 } 243 244 .magic-input::placeholder { 245 color: transparent; 246 transition: color 0.3s ease; 247 } 248 .magic-input:focus::placeholder { 249 color: #bbbbbb; 250 } 251 252 .magic-btn { 253 border: 0px; 254 background: none; 255 margin: 0; 256 padding: 0 0 0 5px; 257 color: #999; 258 transition: color 0.3s ease; 259 outline: none; 260 display: flex; 261 align-items: center; 262 } 263 264 .search-form-wrap:focus-within .magic-btn { 265 color: #e3000f; 266 } 267 268 /* ================= ææºç«¯èåæç¹å»åå·¦æ©å±æç´¢æ¡æ ·å¼ ================= */ 269 .mobile-expand-search { 270 position: relative; 271 display: inline-flex; 272 align-items: center; 273 height: 36px; 274 } 275 .mobile-expand-search form { 276 position: absolute; 277 right: 0; 278 top: 0; 279 height: 36px; 280 width: 0; 281 background: #fff; 282 border: 1px solid transparent; 283 border-radius: 18px; 284 display: flex; 285 align-items: center; 286 overflow: hidden; 287 transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s ease, padding 0.35s ease; 288 z-index: 5; 289 } 290 .mobile-expand-search.active form { 291 width: 160px; 292 border-color: #e3000f; 293 padding: 0 10px; 294 box-shadow: 0 2px 8px rgba(0,0,0,0.1); 295 } 296 .mobile-expand-search input { 297 flex: 1; 298 border: none; 299 background: none; 300 outline: none; 301 font-size: 13px; 302 color: #333; 303 width: 100%; 304 padding: 0; 305 } 306 .search-toggle-btn { 307 position: relative; 308 z-index: 6; 309 width: 36px; 310 height: 36px; 311 border: none; 312 background: none; 313 color: #333; 314 display: flex; 315 align-items: center; 316 justify-content: center; 317 font-size: 16px; 318 cursor: pointer; 319 outline: none !important; 320 box-shadow: none !important; 321 -webkit-tap-highlight-color: transparent !important; 322 padding: 0; 323 } 324 .search-toggle-btn:focus, 325 .search-toggle-btn:active { 326 outline: none !important; 327 box-shadow: none !important; 328 } 329 .mobile-expand-search.active .search-toggle-btn { 330 color: #e3000f; 331 } 332 333 /* ================= ä¿®å¤ææºç«¯ Banner å·¦å³åæ¢ç®å¤´ä¸éªèè¿ ================= */ 334 @media (max-width: 767px) { 335 /* é对 Swiper è½®æå¾ */ 336 .swiper-button-next, 337 .swiper-button-prev, 338 /* é对 Owl Carousel è½®æå¾ */ 339 .owl-nav, 340 .owl-prev, 341 .owl-next, 342 /* é对 Bootstrap åçè½®æå¾ */ 343 .carousel-control, 344 .carousel-control-prev, 345 .carousel-control-next { 346 display: none !important; 347 opacity: 0 !important; 348 visibility: hidden !important; 349 } 350 } 351 352 </style> 353</head> 354<body> 355<div class="container"> 356 <header id="header" class="clearfix"> 357 <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 358 <div class="container"> 359 <div class="navbar-header"> 360 <!-- LOGOï¼å± å·¦ï¼ --> 361 <a class="navbar-brand" href="/"> 362 <img src="/static/upload/image/20260826/1787717576312573.png" alt="" class="logo-j" /> 363 <img src="/static/upload/image/20260826/1787717576312573.png" alt="" class="logo-m" /> 364 </a> 365 366 <!-- ææºç«¯æç´¢å¾æ ï¼ç´§æ¨çèåæé®å·¦ä¾§ï¼ --> 367 <div class="mobile-search-group"> 368 <div class="mobile-expand-search" id="mobileExpandSearch"> 369 <button type="button" class="search-toggle-btn" id="searchToggleBtn"> 370 <i class="fa fa-search"></i> 371 </button> 372 <form action="/search/" method="get"> 373 <input type="text" name="keyword" placeholder="请è¾å ¥äº§ååç§°" autocomplete="off"> 374 </form> 375 </div> 376 </div> 377 378 <!-- èåæé® --> 379 <a class="navbar-toggle collapsed mmenu-btn" href="#mmenu">
380 <span class="sr-only">ç½ç«å¯¼èª</span> 381 <span class="icon-bar"></span> 382 <span class="icon-bar"></span> 383 <span class="icon-bar"></span> 384 </a> 385 </div> 386 387 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 388 <!-- å·¦ä¾§ä¸»å¯¼èª --> 389 <ul class="nav navbar-nav navbar-left" id="" style=""> 390 391 <li class="Lev1"> 392 <a href="javascript:void(0);" data-scode="17" class="nav-item menu1"> 393 产å <i class=""></i> 394 </a> 395 <ul class="drop-down sub-menu2" style="padding-top:2%; padding-bottom:3%;"> 396 <div class="container"> 397 398 <span style="float:left; width:20%;"> 399 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">åç½®éåº</span> 400 <ul> 401 402 <li class="Lev2"> 403 <a href="/MechanicalAnchor/" data-scode="84" class="menu2">æºæ¢°éåºç³»å</a> 404 </li> 405 406 <li class="Lev2"> 407 <a href="/ChemicalAnchor/" data-scode="83" class="menu2">åå¦éåºç³»å</a> 408 </li> 409 410 <li class="Lev2"> 411 <a href="/BackBolt/" data-scode="85" class="menu2">èæ ç³»å</a> 412 </li> 413 414 </ul> 415 </span> 416 417 <span style="float:left; width:20%;"> 418 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">é¢ç½®éåº</span> 419 <ul> 420 421 <li class="Lev2"> 422 <a href="/ChannelEmbeddedPartAssembly/" data-scode="86" class="menu2">æ§½å¼é¢åä»¶ç»ä»¶</a> 423 </li> 424 425 <li class="Lev2"> 426 <a href="/EmbeddedAnchorBolt/" data-scode="88" class="menu2">é¢åéæ </a> 427 </li> 428 429 </ul> 430 </span> 431 432 <span style="float:left; width:20%;"> 433 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">å åºç³»ç»</span> 434 <ul> 435 436 <li class="Lev2"> 437 <a href="/CarbonFiberCloth/" data-scode="90" class="menu2">碳纤维å¸</a> 438 </li> 439 440 <li class="Lev2"> 441 <a href="/ReinforcementAdhesive/" data-scode="89" class="menu2">å åºè¶ç³»å</a> 442 </li> 443 444 </ul> 445 </span> 446 447 </div> 448 </ul> 449 </li> 450 451 <li class="Lev1"> 452 <a href="javascript:void(0);" data-scode="2" class="nav-item menu1"> 453 è§£å³æ¹æ¡ <i class=""></i> 454 </a> 455 <ul class="drop-down sub-menu2" style="padding-top:2%; padding-bottom:3%;"> 456 <div class="container"> 457
458 <span style="float:left; width:20%;"> 459 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">æ¹æ¡</span> 460 <ul> 461 462 <li class="Lev2"> 463 <a href="/PostinstalledAnchorageSystem/" data-scode="93" class="menu2">åç½®éåºç³»ç»</a> 464 </li> 465 466 <li class="Lev2"> 467 <a href="/PreembeddedAnchorage/" data-scode="94" class="menu2">é¢ç½®éåºç³»ç»</a> 468 </li> 469 470 <li class="Lev2"> 471 <a href="/FunctionalRetrofitReinforcement/" data-scode="95" class="menu2">å åºç³»ç»</a> 472 </li> 473 474 </ul> 475 </span> 476 477 <span style="float:left; width:20%;"> 478 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">驿°</span> 479 <ul> 480 481 <li class="Lev2"> 482 <a href="/GreenEnergysavingBuilding/" data-scode="97" class="menu2">绿è²èè½å»ºç</a> 483 </li> 484 485 <li class="Lev2"> 486 <a href="/BackBoltDryhangingSolution/" data-scode="98" class="menu2">èæ å¹²ææ¹æ¡</a> 487 </li> 488 489 </ul> 490 </span> 491 492 </div> 493 </ul> 494 </li> 495 496 <li class="Lev1"> 497 <a href="javascript:void(0);" data-scode="5" class="nav-item menu1"> 498 æå¡ä¸æ¯æ <i class=""></i> 499 </a> 500 <ul class="drop-down sub-menu2" style="padding-top:2%; padding-bottom:3%;"> 501 <div class="container"> 502 503 <span style="float:left; width:20%;"> 504 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">å®¢æ·æå¡</span> 505 <ul> 506 507 <li class="Lev2"> 508 <a href="/SalesSupport/" data-scode="101" class="menu2">é宿¯æ</a> 509 </li> 510 511 <li class="Lev2"> 512 <a href="/Disclosure/" data-scode="102" class="menu2">å¹è®äº¤åº</a> 513 </li> 514 515 <li class="Lev2"> 516 <a href="/CustomizedServices/" data-scode="125" class="menu2">个æ§åæå¡</a> 517 </li> 518 519 <li class="Lev2"> 520 <a href="/AftersalesPolicy/" data-scode="103" class="menu2">å®åæ¿ç</a> 521 </li> 522 523 </ul> 524 </span> 525
526 <span style="float:left; width:20%;"> 527 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">ææ¯æ¯æ</span> 528 <ul> 529 530 <li class="Lev2"> 531 <a href="/Consultation/" data-scode="104" class="menu2">ææ¯å¨è¯¢</a> 532 </li> 533 534 <li class="Lev2"> 535 <a href="/OnsiteService/" data-scode="105" class="menu2">ç°åºæå¡</a> 536 </li> 537 538 </ul> 539 </span> 540 541 </div> 542 </ul> 543 </li> 544 545 <li class="Lev1"> 546 <a href="javascript:void(0);" data-scode="8" class="nav-item menu1"> 547 å ³äºåç»å¾ <i class=""></i> 548 </a> 549 <ul class="drop-down sub-menu2" style="padding-top:2%; padding-bottom:3%;"> 550 <div class="container"> 551 552 <span style="float:left; width:20%;"> 553 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">åç»å¾åå±</span> 554 <ul> 555 556 <li class="Lev2"> 557 <a href="/Profile/" data-scode="109" class="menu2">å ¬å¸ç®ä»</a> 558 </li> 559 560 <li class="Lev2"> 561 <a href="/StrategicPlanning/" data-scode="110" class="menu2">æç¥è§å</a> 562 </li> 563 564 <li class="Lev2"> 565 <a href="/Responsibility/" data-scode="111" class="menu2">社ä¼è´£ä»»</a> 566 </li> 567 568 <li class="Lev2"> 569 <a href="/Philosophy/" data-scode="112" class="menu2">ç»è¥ç念</a> 570 </li> 571 572 <li class="Lev2"> 573 <a href="/Culture/" data-scode="113" class="menu2">ä¼ä¸æå</a> 574 </li> 575 576 <li class="Lev2"> 577 <a href="/Development/" data-scode="114" class="menu2">坿ç»åå±</a> 578 </li> 579 580 </ul> 581 </span> 582 583 <span style="float:left; width:20%;"> 584 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">å ¬ååæ°é»</span> 585 <ul> 586 587 <li class="Lev2"> 588 <a href="/Announcement/" data-scode="116" class="menu2">å ¬å</a> 589 </li> 590 591 <li class="Lev2"> 592 <a href="/News/" data-scode="115" class="menu2">æ°é»</a> 593 </li> 594 595 </ul> 596 </span> 597
598 <span style="float:left; width:20%;"> 599 <span class="fs-16 fs-sm-24" style="font-weight:bold; display:block; margin-bottom:15px;">人ææè</span> 600 <ul> 601 602 <li class="Lev2"> 603 <a href="/SocialRecruitment/" data-scode="117" class="menu2">ç¤¾ä¼æè</a> 604 </li> 605 606 <li class="Lev2"> 607 <a href="/CareerDevelopment/" data-scode="118" class="menu2">èä¸åå±</a> 608 </li> 609 610 <li class="Lev2"> 611 <a href="/EmployeeBenefits/" data-scode="119" class="menu2">åå·¥ç¦å©</a> 612 </li> 613 614 </ul> 615 </span> 616 617 </div> 618 </ul> 619 </li> 620 621 </ul> 622 623 <!-- å³ä¾§å·¥å ·æ --> 624 <ul class="nav navbar-nav navbar-right" id="" style=""> 625 <li class="Lev1"> 626 <a href="/?p=/Do/area&lg=cn" style="padding: 55px 10px 30px 10px;" class="nav-item">䏿</a> 627 </li> 628 <li class="Lev1"> 629 <a href="javascript:;" style="padding: 55px 10px 30px 10px;" class="nav-item">|</a> 630 </li> 631 <li class="Lev1"> 632 <a href="/?p=/Do/area&lg=en" style="padding: 55px 10px 30px 10px;" class="nav-item">EN</a> 633 </li> 634 635 <li class="Lev1" style="padding:42px 10px 0px 10px;"> 636 <span> 637 <form class="search-form-wrap" action="/search/" method="get"> 638 <div style="border:0px; margin:0; height:100%; display:flex; align-items:center;"> 639 <input type="text" name="keyword" class="magic-input" placeholder="请è¾å ¥äº§ååç§°" autocomplete="off"> 640 </div> 641 <button type="submit" class="magic-btn fs-14 fs-sm-18"> 642 <i class="fa fa-search"></i> 643 </button> 644 </form> 645 </span> 646 </li> 647 648 </ul> 649 </div> 650 </div> 651 </nav> 652 </header> 653</div> 654 655<!-- ================= ç§»å¨ç«¯ä¾§è¾¹èå ================= --> 656<nav id="mmenu" class="noDis"> 657 <div class="mmDiv"> 658 <ul> 659 660 <li class="m-Lev1 m-nav_4"> 661 662 <span data-scode="17" class="m-menu1">产å</span> 663 664 <ul class="m-submenu"> 665 666 667 <li class="Lev2-title"> 668 <span class="m-menu2" data-scode="80">åç½®éåº</span> 669 </li> 670 671 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 17 ä¿®æ£ä¸º 80ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 672 673 <li class="Lev3-item"> 674 <a href="/MechanicalAnchor/" data-scode="84" class="m-menu3">æºæ¢°éåºç³»å</a> 675 </li> 676 677 <li class="Lev3-item"> 678 <a href="/ChemicalAnchor/" data-scode="83" class="m-menu3">åå¦éåºç³»å</a> 679 </li> 680 681 <li class="Lev3-item"> 682 <a href="/BackBolt/" data-scode="85" class="m-menu3">èæ ç³»å</a> 683 </li> 684 685 686 687 688 <li class="Lev2-title">
689 <span class="m-menu2" data-scode="81">é¢ç½®éåº</span> 690 </li> 691 692 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 17 ä¿®æ£ä¸º 81ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 693 694 <li class="Lev3-item"> 695 <a href="/ChannelEmbeddedPartAssembly/" data-scode="86" class="m-menu3">æ§½å¼é¢åä»¶ç»ä»¶</a> 696 </li> 697 698 <li class="Lev3-item"> 699 <a href="/EmbeddedAnchorBolt/" data-scode="88" class="m-menu3">é¢åéæ </a> 700 </li> 701 702 703 704 705 <li class="Lev2-title"> 706 <span class="m-menu2" data-scode="82">å åºç³»ç»</span> 707 </li> 708 709 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 17 ä¿®æ£ä¸º 82ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 710 711 <li class="Lev3-item"> 712 <a href="/CarbonFiberCloth/" data-scode="90" class="m-menu3">碳纤维å¸</a> 713 </li> 714 715 <li class="Lev3-item"> 716 <a href="/ReinforcementAdhesive/" data-scode="89" class="m-menu3">å åºè¶ç³»å</a> 717 </li> 718 719 720 721 </ul> 722 723 </li> 724 725 <li class="m-Lev1 m-nav_4"> 726 727 <span data-scode="2" class="m-menu1">è§£å³æ¹æ¡</span> 728 729 <ul class="m-submenu"> 730 731 732 <li class="Lev2-title"> 733 <span class="m-menu2" data-scode="91">æ¹æ¡</span> 734 </li> 735 736 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 2 ä¿®æ£ä¸º 91ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 737 738 <li class="Lev3-item"> 739 <a href="/PostinstalledAnchorageSystem/" data-scode="93" class="m-menu3">åç½®éåºç³»ç»</a> 740 </li> 741 742 <li class="Lev3-item"> 743 <a href="/PreembeddedAnchorage/" data-scode="94" class="m-menu3">é¢ç½®éåºç³»ç»</a> 744 </li> 745 746 <li class="Lev3-item"> 747 <a href="/FunctionalRetrofitReinforcement/" data-scode="95" class="m-menu3">å åºç³»ç»</a> 748 </li> 749 750 751 752 753 <li class="Lev2-title"> 754 <span class="m-menu2" data-scode="92">驿°</span> 755 </li> 756 757 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 2 ä¿®æ£ä¸º 92ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 758 759 <li class="Lev3-item"> 760 <a href="/GreenEnergysavingBuilding/" data-scode="97" class="m-menu3">绿è²èè½å»ºç</a> 761 </li> 762 763 <li class="Lev3-item"> 764 <a href="/BackBoltDryhangingSolution/" data-scode="98" class="m-menu3">èæ å¹²ææ¹æ¡</a> 765 </li> 766 767 768 769 </ul> 770 771 </li> 772 773 <li class="m-Lev1 m-nav_4"> 774 775 <span data-scode="5" class="m-menu1">æå¡ä¸æ¯æ</span> 776 777 <ul class="m-submenu"> 778 779 780 <li class="Lev2-title"> 781 <span class="m-menu2" data-scode="99">å®¢æ·æå¡</span> 782 </li> 783 784 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 5 ä¿®æ£ä¸º 99ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 785 786 <li class="Lev3-item"> 787 <a href="/SalesSupport/" data-scode="101" class="m-menu3">é宿¯æ</a> 788 </li> 789 790 <li class="Lev3-item"> 791 <a href="/Disclosure/" data-scode="102" class="m-menu3">å¹è®äº¤åº</a> 792 </li> 793 794 <li class="Lev3-item"> 795 <a href="/CustomizedServices/" data-scode="125" class="m-menu3">个æ§åæå¡</a> 796 </li> 797 798 <li class="Lev3-item"> 799 <a href="/AftersalesPolicy/" data-scode="103" class="m-menu3">å®åæ¿ç</a> 800 </li> 801 802 803 804 805 <li class="Lev2-title">
806 <span class="m-menu2" data-scode="100">ææ¯æ¯æ</span> 807 </li> 808 809 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 5 ä¿®æ£ä¸º 100ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 810 811 <li class="Lev3-item"> 812 <a href="/Consultation/" data-scode="104" class="m-menu3">ææ¯å¨è¯¢</a> 813 </li> 814 815 <li class="Lev3-item"> 816 <a href="/OnsiteService/" data-scode="105" class="m-menu3">ç°åºæå¡</a> 817 </li> 818 819 820 821 </ul> 822 823 </li> 824 825 <li class="m-Lev1 m-nav_4"> 826 827 <span data-scode="8" class="m-menu1">å ³äºåç»å¾</span> 828 829 <ul class="m-submenu"> 830 831 832 <li class="Lev2-title"> 833 <span class="m-menu2" data-scode="106">åç»å¾åå±</span> 834 </li> 835 836 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 8 ä¿®æ£ä¸º 106ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 837 838 <li class="Lev3-item"> 839 <a href="/Profile/" data-scode="109" class="m-menu3">å ¬å¸ç®ä»</a> 840 </li> 841 842 <li class="Lev3-item"> 843 <a href="/StrategicPlanning/" data-scode="110" class="m-menu3">æç¥è§å</a> 844 </li> 845 846 <li class="Lev3-item"> 847 <a href="/Responsibility/" data-scode="111" class="m-menu3">社ä¼è´£ä»»</a> 848 </li> 849 850 <li class="Lev3-item"> 851 <a href="/Philosophy/" data-scode="112" class="m-menu3">ç»è¥ç念</a> 852 </li> 853 854 <li class="Lev3-item"> 855 <a href="/Culture/" data-scode="113" class="m-menu3">ä¼ä¸æå</a> 856 </li> 857 858 <li class="Lev3-item"> 859 <a href="/Development/" data-scode="114" class="m-menu3">坿ç»åå±</a> 860 </li> 861 862 863 864 865 <li class="Lev2-title"> 866 <span class="m-menu2" data-scode="107">å ¬ååæ°é»</span> 867 </li> 868 869 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 8 ä¿®æ£ä¸º 107ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 870 871 <li class="Lev3-item"> 872 <a href="/Announcement/" data-scode="116" class="m-menu3">å ¬å</a> 873 </li> 874 875 <li class="Lev3-item"> 876 <a href="/News/" data-scode="115" class="m-menu3">æ°é»</a> 877 </li> 878 879 880 881 882 <li class="Lev2-title"> 883 <span class="m-menu2" data-scode="108">人ææè</span> 884 </li> 885 886 <!-- ãæ ¸å¿ä¿®å¤ãå°è¿éç parent ä» 8 ä¿®æ£ä¸º 108ï¼æè½æ£ç¡®å¾ªç¯åºå½åäºçº§ä¸çä¸çº§èå --> 887 888 <li class="Lev3-item"> 889 <a href="/SocialRecruitment/" data-scode="117" class="m-menu3">ç¤¾ä¼æè</a> 890 </li> 891 892 <li class="Lev3-item"> 893 <a href="/CareerDevelopment/" data-scode="118" class="m-menu3">èä¸åå±</a> 894 </li> 895 896 <li class="Lev3-item"> 897 <a href="/EmployeeBenefits/" data-scode="119" class="m-menu3">åå·¥ç¦å©</a> 898 </li> 899 900 901 902 </ul> 903 904 </li> 905 906 907 <li class="m-Lev1 m-nav_0"> 908 <a href="/?p=/Do/area&lg=cn" class="m-lang">䏿</a> 909 </li> 910 <li class="m-Lev1 m-nav_0"> 911 <a href="/?p=/Do/area&lg=en" class="m-lang">EN</a> 912 </li> 913 </ul> 914 </div> 915</nav> 916 917<link type="text/css" rel="stylesheet" href="/template/default/html/skin/css/jquery.mmenu.all.css" />
918<script type="text/javascript" src="/template/default/html/skin/js/jquery.mmenu.all.min.js"></script>
918 919
920<script type="text/javascript"> 921 jQuery(document).ready(function($) { 922 function syncMenuTop() { 923 var navEl = document.querySelector('.navbar-fixed-top'); 924 if (navEl) { 925 var safeOffset = 3; 926 var navH = navEl.getBoundingClientRect().height + safeOffset; 927 document.documentElement.style.setProperty('--nav-h', navH + 'px'); 928 } 929 } 930 931 syncMenuTop(); 932 $(window).on('resize', syncMenuTop); 933 934 // ç§»å¨ç«¯æç´¢æ¡ç¹å»äº¤äºä¼åï¼æªæå¼æ¶ç¹å»å±å¼ï¼æå¼å忬¡ç¹å»æç´¢å¾æ ç´æ¥æäº¤æç´¢ 935 $('#searchToggleBtn').on('click', function(e) { 936 e.stopPropagation(); 937 var $container = $('#mobileExpandSearch'); 938 var $input = $container.find('input[name="keyword"]'); 939 940 if (!$container.hasClass('active')) { 941 // æªå±å¼åå±å¼å¹¶èç¦ 942 $container.addClass('active'); 943 $input.focus(); 944 } else { 945 // å·²å±å¼ç¶æä¸å次ç¹å»æç´¢å¾æ ï¼ç´æ¥æäº¤è¡¨åæ§è¡æç´¢ 946 $container.find('form').submit(); 947 } 948 }); 949 950 // ç¹å»é¡µé¢éæç´¢æ¡ä½ç½®æ¶æ¶ç¼©æç´¢æ¡ï¼å¹¶æ¦æªç¬¬ä¸æ¬¡ç¹å»ï¼é²æ¢åæ¶è§¦å䏿¹é¾æ¥è·³è½¬ï¼ 951 $(document).on('click', function(e) { 952 var $container = $('#mobileExpandSearch'); 953 if ($container.hasClass('active')) { 954 if (!$(e.target).closest('#mobileExpandSearch').length) { 955 e.preventDefault(); 956 e.stopPropagation(); 957 $container.removeClass('active'); 958 } 959 } 960 }); 961 962 $('nav#mmenu ul').each(function() { 963 if ($.trim($(this).html()) === '') { 964 $(this).remove(); 965 } 966 }); 967 968 $('nav#mmenu .m-Lev1 > a').each(function() { 969 if ($(this).siblings('ul').length > 0) { 970 var $span = $('<span>').attr('class', $(this).attr('class') || '').text($(this).text()); 971 $(this).replaceWith($span); 972 } 973 }); 974 975 var mmenu = $('nav#mmenu').mmenu({ 976 slidingSubmenus: true, 977 classes: 'mm-white', 978 extensions: ["theme-white"], 979 offCanvas: { 980 position: "right", 981 zposition: "front" 982 }, 983 searchfield: false, 984 counters: false, 985 navbar: { 986 add: true, 987 title: "ç½ç«å¯¼èª" 988 } 989 }); 990 991 var mmenuAPI = $("#mmenu").data("mmenu"); 992 993 // æ ¸å¿å½»åºä¿®å¤ï¼åååæ¥æ¦æªç¹å»ï¼æ è®ºå¼æå ³é½å¨ç¹å»ç¬é´ç«å»åæ¢å¾æ ï¼å½»åºæ ¹æ²»æ»å 994 $('.mmenu-btn').on('click', function(e) { 995 e.preventDefault(); 996 var $btn = $(this); 997 if ($btn.hasClass('is-active')) { 998 $btn.removeClass('is-active'); // ç¹å»ç¬é´ç«å»åå䏿¡æ 999 mmenuAPI.close(); 1000 } else { 1001 $btn.addClass('is-active'); // ç¹å»ç¬é´ç«å»åæ X 1002 mmenuAPI.open(); 1003 syncMenuTop(); 1004 } 1005 }); 1006 1007 // ç»å®å¤é¨å ³éï¼å¦ç¹å»èæ¯é®ç½©æ¶ä¹è½åæ¥ç¶æï¼ 1008 mmenuAPI.bind('closed', function() { 1009 $('.mmenu-btn').removeClass('is-active'); 1010 1011 setTimeout(function() { 1012 var $mainPanel = $('#mmenu .mm-panel').first(); 1013 if ($mainPanel.length > 0) { 1014 mmenuAPI.openPanel($mainPanel); 1015 } 1016 }, 10); 1017 }); 1018 }); 1019</script>
1019 1020 1021<div style="height:94px;" class="head-sm-height"></div>
1022<script src="/template/default/js/main.js"></script>
1022 1023 1024<!-- ================== ãå ¨ç»ç«¯ JS 卿æ çº¢èæ¬ã ================== -->
1025<script> 1026 $(document).ready(function() { 1027 var currentTcode = String("0").trim(); 1028 var currentPcode = String("0").trim(); 1029 var currentScode = String("0").trim(); 1030 1031 $('a[data-scode], span.m-menu1[data-scode], span.m-menu2[data-scode]').each(function() { 1032 var itemScode = String($(this).attr('data-scode')).trim(); 1033 if (itemScode !== '' && (itemScode === currentTcode || itemScode === currentPcode || itemScode === currentScode)) { 1034 $(this).addClass('active-red'); 1035 } 1036 }); 1037 1038 $('.navbar-nav .Lev1 > a.nav-item').on('click', function(e) { 1039 e.preventDefault(); 1040 var $parentLi = $(this).parent('.Lev1'); 1041 if ($parentLi.find('ul').length > 0) { 1042 $parentLi.toggleClass('is-clicked'); 1043 $parentLi.siblings('.Lev1').removeClass('is-clicked'); 1044 } 1045 }); 1046 1047 $(document).on('click', function(e) { 1048 if (!$(e.target).closest('.navbar-nav .Lev1').length) { 1049 $('.navbar-nav .Lev1').removeClass('is-clicked'); 1050 } 1051 }); 1052 }); 1053</script>
1053 1054 1055<!-- å¹»ç¯ç --> 1056<div class="swiper-container"> 1057 <div class="swiper-wrapper"> 1058 1059 <div class="swiper-slide"> 1060 <!-- ãæ³¨æãé¦å±è½®æå¤§å¾ç»å¯¹ä¸è½å æå è½½ï¼ä¿æåæ ·ä»¥ä¿è¯ç§å¼ä½éª --> 1061 <img src="/static/upload/image/20260805/1785901021392241.png" class="d-block w-100 slide-bg-img" style="opacity: 0; animation: ukFadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;"> 1062 <div class="container"> 1063 <!-- PC端 --> 1064 <div class="d-none d-md-inline"><div class="position-absolute text-light" style="top:30%; z-index: 10; transform: translateX(70px);"> 1065 <h1 class="fs-20 fs-sm-42">éåºç³»ç»è§£å³æ¹æ¡æå¡å</h1> 1066 <h4 class="fs-14 fs-sm-26" style="margin-bottom:6%;">éå®å»ºçå®å ¨ï¼å ¨åºæ¯éåºææ¯ä¸è½å°æå¡</h4> 1067 1068 </div></div> 1069 1070 <!-- ç§»å¨ç«¯ --> 1071 <div class="d-inline d-md-none"><div class="position-absolute text-light mobile-center-text" style="z-index: 10;"> 1072 <h1 class="fs-18 fs-sm-20">éåºç³»ç»è§£å³æ¹æ¡æå¡å</h1> 1073 <h4 class="fs-12 fs-sm-16" style="margin-bottom:6%;">éå®å»ºçå®å ¨ï¼å ¨åºæ¯éåºææ¯ä¸è½å°æå¡</h4> 1074 1075 </div></div> 1076 </div> 1077 </div> 1078 1079 <div class="swiper-slide"> 1080 <!-- ãæ³¨æãé¦å±è½®æå¤§å¾ç»å¯¹ä¸è½å æå è½½ï¼ä¿æåæ ·ä»¥ä¿è¯ç§å¼ä½éª --> 1081 <img src="/static/upload/image/20260817/1786963397632700.png" class="d-block w-100 slide-bg-img" style="opacity: 0; animation: ukFadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;"> 1082 <div class="container"> 1083 <!-- PC端 --> 1084 <div class="d-none d-md-inline"><div class="position-absolute text-light" style="top:30%; z-index: 10; transform: translateX(70px);"> 1085 <h1 class="fs-20 fs-sm-42">绿è²èè½æ§½å¼é¢åä»¶</h1> 1086 <h4 class="fs-14 fs-sm-26" style="margin-bottom:6%;">绿è²é¢åï¼èè½å¢æ</h4> 1087 1088 <h4 class="fs-14 fs-sm-18"><a href="/ChannelEmbeddedPartAssembly/230.html" class="slide-more-btn">äºè§£æ´å¤äº§åä¿¡æ¯ >></a></h4> 1089 1090 </div></div> 1091 1092 <!-- ç§»å¨ç«¯ --> 1093 <div class="d-inline d-md-none"><div class="position-absolute text-light mobile-center-text" style="z-index: 10;"> 1094 <h1 class="fs-18 fs-sm-20">绿è²èè½æ§½å¼é¢åä»¶</h1> 1095 <h4 class="fs-12 fs-sm-16" style="margin-bottom:6%;">绿è²é¢åï¼èè½å¢æ</h4> 1096 1097 <h4 class="fs-12 fs-sm-8"><a href="/ChannelEmbeddedPartAssembly/230.html" class="slide-more-btn" style="padding: 6px 12px; font-size: 12px;">äºè§£æ´å¤äº§åä¿¡æ¯ >></a></h4> 1098 1099 </div></div> 1100 </div> 1101 </div> 1102 1103 </div> 1104 1105 <!-- æç®çº¿æ¡åé¡µå¨ --> 1106 <div class="swiper-pagination"></div> 1107 1108 <!-- æç®å·¦å³æçº¿æ§å¶æé® --> 1109 <div class="swiper-button-prev custom-prev"></div> 1110 <div class="swiper-button-next custom-next"></div> 1111</div> 1112<link type="text/css" href="/template/default/css/style.css" rel="stylesheet">
1113<script src="/template/default/css/bsStatic.js" type="text/javascript" charset="utf-8"></script>
1113 1114 1115<!-- ================= å¹²å稳å®çä¿®å¤ CSS ================= --> 1116<style> 1117 /* å ¨å±å¼ºå¶ç¦æ¢ç§»å¨ç«¯æµè§å¨èªå¨è°æ´åä½å¤§å° */ 1118 html, body, *, *:before, *:after { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; } 1119 @keyframes ukFadeInUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } 1120 1121 /* æé®ç¹æ */ 1122 .slide-more-btn { display: inline-block; background: #e60012; color: #ffffff !important; padding: 12px 28px; border-radius: 4px; text-decoration: none !important; font-weight: 400; transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); transform: translateZ(0) scale(1); -webkit-tap-highlight-color: transparent; } 1123 .slide-more-btn:hover { background: #cc0010; transform: translateZ(0) scale(1.05); box-shadow: 0 8px 20px rgba(230, 0, 18, 0.35); } 1124 .slide-more-btn:active { transform: translateZ(0) scale(1); background: #b3000e; box-shadow: 0 4px 10px rgba(230, 0, 18, 0.4); } 1125 1126 /* ================= ãç§»å¨ç«¯äº¤äºé²éªçä¼åã ================= */ 1127 @media (max-width: 768px) { 1128 .swiper-container, .swiper-slide { height: 260px !important; overflow: hidden !important; } 1129 .swiper-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; } 1130 1131 .swiper-slide img.slide-bg-img { 1132 animation: none !important; 1133 opacity: 1 !important; 1134 transition: none !important; 1135 transform: none !important; 1136 } 1137 1138 .mobile-center-text, 1139 .mobile-center-text * { 1140 animation: none !important; 1141 transition: none !important; 1142 transform: none !important; 1143 -webkit-transform: none !important; 1144 max-height: 999999px !important; 1145 -webkit-user-select: none !important; 1146 user-select: none !important; 1147 -webkit-tap-highlight-color: transparent !important; 1148 outline: none !important; 1149 } 1150 1151 /* ç§»å¨ç«¯æçåºç¡ */ 1152 .mobile-center-text { top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 260px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important; padding: 0 15px !important; } 1153 .mobile-center-text h1 { font-size: 26px !important; font-weight: 600 !important; margin-bottom: 8px !important; } 1154 /* ä¿®å¤ï¼ä½¿ç¨ first-of-typeï¼ç¡®ä¿å¨æ²¡ææé®æ¶å¯æ é¢åå·ä¾ç¶ä¸å */ 1155 .mobile-center-text h4:first-of-type { font-size: 15px !important; } 1156 1157 .slide-more-btn, .slide-more-btn:hover, .slide-more-btn:active, .slide-more-btn:focus { 1158 box-shadow: none !important; 1159 background-color: #e60012 !important; 1160 } 1161 1162 /* éèå·¦å³åæ¢æé® */ 1163 .swiper-container .swiper-pagination-bullet { width: 35px; } 1164 .swiper-button-prev.custom-prev, .swiper-button-next.custom-next { display: none !important; } 1165 } 1166 1167 /* å¹»ç¯çæ§ä»¶ */ 1168 .swiper-container .swiper-pagination { bottom: 30px !important; display: flex; justify-content: center; align-items: center; width: 100%; z-index: 20; } 1169 .swiper-container .swiper-pagination-bullet { width: 60px; height: 3px; background: rgba(255, 255, 255, 0.3); border-radius: 0; margin: 0 !important; opacity: 1; transition: background-color 0.4s ease; cursor: pointer; } 1170 .swiper-container .swiper-pagination-bullet-active { background: #e60012; } 1171 .swiper-button-prev.custom-prev, .swiper-button-next.custom-next { background-image: none !important; width: 80px; height: 100px; margin-top: -50px; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0.6; outline: none; } 1172 .swiper-button-prev.custom-prev:hover, .swiper-button-next.custom-next:hover { opacity: 1; transform: scale(1.1); } 1173 .swiper-button-prev.custom-prev::after, .swiper-button-next.custom-next::after { content: ''; display: block; width: 22px; height: 22px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; } 1174 .swiper-button-prev.custom-prev::after { transform: rotate(-135deg); } 1175 .swiper-button-next.custom-next::after { transform: rotate(45deg); } 1176 1177 /* æåä¸èæ¯ */ 1178 .swiper-slide .text-light h1 { 1179 color: #ffffff !important; 1180 font-weight: 700 !important; 1181 letter-spacing: 2px; 1182 text-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; 1183 } 1184 .swiper-slide .text-light h4 { 1185 color: #ffffff !important; 1186 font-weight: 400 !important; 1187 letter-spacing: 1px; 1188 text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important; 1189 } 1190 .swiper-slide .text-light h4 .slide-more-btn { 1191 text-shadow: none !important; 1192 letter-spacing: normal; 1193 } 1194 1195 @media (min-width: 768px) { 1196 .swiper-slide .d-none.d-md-inline .position-absolute { 1197 background: rgba(0, 0, 0, 0.5); 1198 padding: 35px 45px; 1199 border-radius: 12px; 1200 border: 1px solid rgba(255, 255, 255, 0.15); 1201 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 1202 } 1203 } 1204 1205 @media (max-width: 768px) { 1206 .mobile-center-text { 1207 background: rgba(0, 0, 0, 0.4) !important; 1208 } 1209 } 1210 1211 /* å¡çåºç¡ */ 1212 .solution .card, .container .row .card, .card { border-radius: 12px !important; overflow: hidden !important; border: 1px solid #eeeeee !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; background-color: #ffffff !important; transition: box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; position: relative !important; z-index: 1 !important; } 1213 .solution .card:hover, .container .row .card:hover, .card:hover { box-shadow: 0 12px 35px rgba(230, 0, 18, 0.25) !important; z-index: 10 !important; } 1214 1215 /* æ é¢çº¿ */ 1216 .title { text-align: center !important; margin-bottom: 50px !important; background: none !important; border: none !important; } 1217 .title::before, .title::after { content: none !important; display: none !important; } 1218 .title span { display: inline-block !important; position: relative !important; font-size: 32px !important; font-weight: bold !important; color: #333 !important; padding-bottom: 15px !important; letter-spacing: 2px !important; border: none !important; background: none !important; box-shadow: none !important; text-decoration: none !important; } 1219 .title span::before { content: none !important; display: none !important; } 1220 .title span::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 40px !important; height: 3px !important; background-color: #e60012 !important; display: block !important; } 1221 1222 /* ç¹è²æ¨¡åæ¬åææ */ 1223 .card.featured-card { border: none !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important; } 1224 .featured-card .card-body { background-color: #e60012 !important; transition: background-color 0.4s ease !important; } 1225 .featured-card .uni-title, .featured-card .uni-title a, .featured-card .uni-desc { color: #ffffff !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } 1226 .card.featured-card:hover .card-body { background-color: #cc0010 !important; } 1227 .card.featured-card:hover .uni-title, .card.featured-card:hover .uni-title a, .card.featured-card:hover .uni-desc { color: #ffffff !important; opacity: 1 !important; transform: translateX(4px); } 1228 1229 /* å¾ç容卿ç */ 1230 .card-img-380, .img-wrapper { 1231 overflow: hidden !important; 1232 border-top-left-radius: 12px !important; 1233 border-top-right-radius: 12px !important; 1234 display: block !important; 1235 position: static !important; 1236 width: 100% !important; 1237 background-color: #ffffff !important; 1238 } 1239 1240 /* å屿¨¡åï¼xianï¼åºå® 1:1 å¾çæ¯ä¾ */ 1241 .card.xian .img-wrapper { 1242 aspect-ratio: 1 / 1 !important; 1243 } 1244 .card.xian .img-wrapper img { 1245 width: 100% !important; 1246 height: 100% !important; 1247 object-fit: cover !important; 1248 display: block !important; 1249 } 1250 1251 /* æ°é»ä¸å ¬å模åå¾ç 3:2 æ¯ä¾ */ 1252 .card-img-250.img-wrapper { 1253 aspect-ratio: 3 / 2 !important; 1254 height: auto !important; 1255 } 1256 .card-img-250.img-wrapper img { 1257 aspect-ratio: 3 / 2 !important; 1258 height: 100% !important; 1259 object-fit: cover !important; 1260 } 1261 1262 @media (min-width: 992px) { 1263 .solution .row > .col-lg-8, 1264 .solution .row > .col-lg-4 { 1265 padding-left: 15px !important; 1266 padding-right: 15px !important; 1267 } 1268 1269 .solution .row > .col-lg-4 { 1270 flex: 0 0 calc((100% + 30px) / 3) !important; 1271 max-width: calc((100% + 30px) / 3) !important; 1272 } 1273 .solution .row > .col-lg-8 { 1274 flex: 0 0 calc((200% - 30px) / 3) !important; 1275 max-width: calc((200% - 30px) / 3) !important; 1276 } 1277 1278 .solution .container .row { 1279 display: flex !important; 1280 flex-wrap: wrap; 1281 align-items: stretch !important; 1282 } 1283 .solution .container .row > [class*="col-"] { 1284 display: flex !important; 1285 flex-direction: column !important; 1286 } 1287 .solution .container .row .card.featured-card { 1288 flex: 1 !important; 1289 display: flex !important; 1290 flex-direction: column !important; 1291 } 1292 .solution .container .row .card.featured-card .card-body { 1293 flex-grow: 1 !important; 1294 display: flex !important; 1295 flex-direction: column !important; 1296 justify-content: center !important; 1297 } 1298 } 1299 1300 .featured-card .img-wrapper a { 1301 display: block !important; 1302 width: 100% !important; 1303 height: auto !important; 1304 margin: 0 !important; 1305 padding: 0 !important; 1306 } 1307 1308 .solution .row .featured-card .img-wrapper { 1309 height: auto !important; 1310 } 1311 1312 .solution .row > .col-lg-8 .featured-card .img-wrapper img { 1313 aspect-ratio: 2 / 1 !important; 1314 } 1315 .solution .row > .col-lg-4 .featured-card .img-wrapper img { 1316 aspect-ratio: 1 / 1 !important; 1317 } 1318 1319 .img-wrapper img, .card-img-380 img, .card img, .card-img-top { 1320 display: block !important; 1321 width: 100% !important; 1322 height: 100% !important; 1323 object-fit: cover !important; 1324 object-position: center !important; 1325 background-color: #ffffff !important; 1326 margin: 0 !important; 1327 padding: 0 !important; 1328 border-top-left-radius: 12px !important; 1329 border-top-right-radius: 12px !important; 1330 transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; 1331 } 1332 .card:hover img { transform: scale(1.03) !important; } 1333 1334 .featured-card .img-wrapper img, 1335 .featured-card .card-img-top { 1336 height: auto !important; 1337 } 1338 1339 .card-body.imgs { margin-top: 0 !important; position: static !important; z-index: auto !important; } 1340 1341 .card.xian .dev-subtitle, .card.xian .dev-subtitle * { transition: none !important; } 1342 .card.xian:hover .dev-subtitle, .card.xian:hover .dev-subtitle *, .card.xian a:hover .dev-subtitle, .card.xian a:hover .dev-subtitle * { opacity: 1 !important; visibility: visible !important; display: block !important; height: auto !important; transform: none !important; color: #666 !important; background: transparent !important; } 1343 1344 /* å ¨ç«éç¨å¡çæç */ 1345 .card-body { background-color: #fff !important; padding: 25px 22px !important; } 1346 .uni-title { font-size: 22px !important; font-weight: bold !important; color: #333333 !important; line-height: 1.4 !important; margin: 0 0 8px 0 !important; transition: color 0.3s ease !important; } 1347 .uni-title a { color: #333333 !important; text-decoration: none !important; transition: color 0.3s ease !important; } 1348 .card:not(.featured-card):hover .uni-title a, .card:not(.featured-card):hover .uni-title { color: #e60012 !important; } 1349 .uni-desc { font-size: 15px !important; color: #666666 !important; line-height: 1.6 !important; margin: 0 !important; font-weight: normal !important; } 1350 1351 /* ================= ãæ°é»å ¬åä¸å±ï¼22pxå ç² + èªå¨æ¢è¡ã ================= */ 1352 .news-card { 1353 display: flex !important; 1354 flex-direction: column !important; 1355 height: calc(100% - 30px) !important; 1356 } 1357 .news-card .card-body { 1358 flex: 1 !important; 1359 display: flex !important; 1360 flex-direction: column !important; 1361 justify-content: space-between !important; 1362 } 1363 .news-card .uni-title, 1364 .news-card .uni-title a { 1365 font-size: 22px !important; /* è°æ´åå·ä¸º 22px */ 1366 line-height: 1.4 !important; 1367 font-weight: bold !important; /* ä¿æå ç² */ 1368 white-space: normal !important; 1369 word-break: break-all !important; /* è±ææ°åèªç¶æ¢è¡ */ 1370 overflow-wrap: break-word !important; 1371 } 1372 @media (max-width: 768px) { 1373 .uni-title { font-size: 18px !important; } 1374 .uni-desc { font-size: 13px !important; } 1375 .news-card .uni-title, 1376 .news-card .uni-title a { 1377 font-size: 16px !important; 1378 } 1379 } 1380 1381 /* æ´å¤æé® */ 1382 .more-btn { display: inline-block; padding: 8px 24px; margin: 0 10px; color: #666 !important; background-color: #f8f8f8; border: 1px solid #eeeeee; border-radius: 25px; font-size: 15px; text-decoration: none !important; transition: all 0.3s ease !important; } 1383 .more-btn:hover { color: #ffffff !important; background-color: #e60012 !important; border-color: #e60012 !important; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(230, 0, 18, 0.2); } 1384</style> 1385<!-- ======================================================== --> 1386 1387<!--äº§åæ¨è (ç¹è²æ¨¡å)--> 1388<div id="main" style="padding-top: 40px; padding-bottom: 30px;"> 1389 <div class="solution"> 1390 <div class="title"><span>ç¹è²</span></div> 1391 1392 <div class="container"> 1393 1394 <!-- 第ä¸è¡ï¼å·¦ä¾§ 2:1 (col-lg-8) + å³ä¾§ 1:1 (col-lg-4) --> 1395 <div class="row"> 1396 1397 <div class="col-12 col-sm-12 col-lg-8" data-wow-delay="[list:i]00ms" data-wow-duration="1s"> 1398 <div class="card featured-card" style="opacity: 0; animation: ukFadeInUp 0.8s ease forwards; margin-bottom: 30px;"> 1399 <!-- æ·»å äº loading="lazy" --> 1400 <div class="card-img-380 img-wrapper"><a href="/BackBoltDryhangingSolution/"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260825/1787637267733186.png" alt=""></a></div> 1401 <div class="card-body imgs fff"> 1402 <div class="uni-title"><a href="/BackBoltDryhangingSolution/">èæ å¹²ææ¹æ¡</a></div> 1403 <div class="uni-desc">æ¿æé¶ç ´æå®è£ </div> 1404 </div> 1405 </div> 1406 </div> 1407 1408 1409 1410 <div class="col-12 col-sm-12 col-lg-4" data-wow-delay="[list:i]00ms" data-wow-duration="1s"> 1411 <div class="card featured-card" style="opacity: 0; animation: ukFadeInUp 0.9s ease forwards; margin-bottom: 30px;"> 1412 <!-- æ·»å äº loading="lazy" --> 1413 <div class="card-img-380 img-wrapper"><a href="/MechanicalAnchor/UndercutAnchor.html"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260825/1787637284647082.png" alt=""></a></div> 1414 <div class="card-body imgs fff"> 1415 <div class="uni-title"><a href="/MechanicalAnchor/UndercutAnchor.html">åæ©åºéæ </a></div> 1416 <div class="uni-desc">è¶ å¼ºè´è½½ï¼ç¨³å®å¯é </div> 1417 </div> 1418 </div> 1419 </div> 1420 1421 </div> 1422 1423 <!-- 第äºè¡ï¼å·¦ä¾§ 1:1 (col-lg-4) + å³ä¾§ 2:1 (col-lg-8) --> 1424 <div class="row"> 1425 1426 <div class="col-12 col-sm-12 col-lg-4" data-wow-delay="[list:i]00ms" data-wow-duration="1s"> 1427 <div class="card featured-card" style="opacity: 0; animation: ukFadeInUp 1s ease
1427forwards; margin-bottom: 30px;"> 1428 <!-- æ·»å äº loading="lazy" --> 1429 <div class="card-img-380 img-wrapper"><a href="/CustomizedServices/"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260825/1787637303174055.png" alt=""></a></div> 1430 <div class="card-body imgs fff"> 1431 <div class="uni-title"><a href="/CustomizedServices/">个æ§åæå¡</a></div> 1432 <div class="uni-desc">è¶ é«æå¡æç</div> 1433 </div> 1434 </div> 1435 </div> 1436 1437 1438 1439 <div class="col-12 col-sm-12 col-lg-8" data-wow-delay="[list:i]00ms" data-wow-duration="1s"> 1440 <div class="card featured-card" style="opacity: 0; animation: ukFadeInUp 1.1s ease forwards; margin-bottom: 30px;"> 1441 <!-- æ·»å äº loading="lazy" --> 1442 <div class="card-img-380 img-wrapper"><a href="/Development/"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260825/1787637318122695.png" alt=""></a></div> 1443 <div class="card-body imgs fff"> 1444 <div class="uni-title"><a href="/Development/">坿ç»åå±</a></div> 1445 <div class="uni-desc">æ´å¤çç ååæ°ï¼æç»çç¯å¢ä¿æ¤</div> 1446 </div> 1447 </div> 1448 </div> 1449 1450 </div> 1451 </div> 1452 </div> 1453</div> 1454 1455<!--æ°é»ä¸å ¬å--> 1456<div style="padding-top: 20px; padding-bottom: 20px;"> 1457 <div class="container"> 1458 1459 <div class="title"><span>å ¬å䏿°é»</span></div> 1460 1461 <div class="row"> 1462 1463 <div class="col-12 col-sm-6 col-lg-4" data-wow-delay="100ms" data-wow-duration="1s"> 1464 <div class="card news-card" style="opacity: 0; animation: ukFadeInUp 0.9s ease forwards; margin-bottom: 30px;"> 1465 <!-- æ·»å äº loading="lazy" --> 1466 <div class="card-img-250 img-wrapper"><a href="/Announcement/145.html"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260806/1785994677823117.jpg" alt="åç»å¾ PRUDENTIAL è¯éæ¨è 临 GX718 䏿µ·å¹å¢å ±äº«è®¾è®¡è"></a></div> 1467 <div class="card-body" style="border-top:6px #e60012 solid; margin-top: -1px; position: relative; z-index: 10;"> 1468 <div class="uni-title"><a href="/Announcement/145.html">åç»å¾ PRUDENTIAL è¯éæ¨è 临 GX718 䏿µ·å¹å¢å ±äº«è®¾è®¡è</a></div> 1469 <div class="uni-desc" style="margin-top: 12px !important;">2026-07-17</div> 1470 </div> 1471 </div> 1472 </div> 1473 1474 <div class="col-12 col-sm-6 col-lg-4" data-wow-delay="200ms" data-wow-duration="1s"> 1475 <div class="card news-card" style="opacity: 0; animation: ukFadeInUp 0.9s ease forwards; margin-bottom: 30px;"> 1476 <!-- æ·»å äº loading="lazy" --> 1477 <div class="card-img-250 img-wrapper"><a href="/News/195.html"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260805/1785918159267296.png" alt="åç»å¾ç»¿è²èè½æ§½ï¼åå«çæ¡¥è½èï¼çç¢å»ºçèè½é²çº¿"></a></div> 1478 <div class="card-body" style="border-top:6px #e60012 solid; margin-top: -1px; position: relative; z-index: 10;"> 1479 <div class="uni-title"><a href="/News/195.html">åç»å¾ç»¿è²èè½æ§½ï¼åå«çæ¡¥è½èï¼çç¢å»ºçèè½é²çº¿</a></div> 1480 <div class="uni-desc" style="margin-top: 12px !important;">2026-05-17</div> 1481 </div> 1482 </div> 1483 </div> 1484 1485 <div class="col-12 col-sm-6 col-lg-4" data-wow-delay="300ms" data-wow-duration="1s"> 1486 <div class="card news-card" style="opacity: 0; animation: ukFadeInUp 0.9s ease forwards; margin-bottom: 30px;"> 1487 <!-- æ·»å äº loading="lazy" --> 1488 <div class="card-img-250 img-wrapper"><a href="/News/246.html"><img class="card-img-top" loading="lazy" src="/static/upload/image/20260806/1785998404414473.png" alt="åç»å¾ä»¥å å¿è»ä½ç¤¼èµæ¯ç±ï¼æ¿æ¶å 对æ¯ä¸ä½æ¯äº²æ¸©æä»¥å¾ "></a></div> 1489 <div class="card-body" style="border-top:6px #e60012 solid;
1489 margin-top: -1px; position: relative; z-index: 10;"> 1490 <div class="uni-title"><a href="/News/246.html">åç»å¾ä»¥å å¿è»ä½ç¤¼èµæ¯ç±ï¼æ¿æ¶å 对æ¯ä¸ä½æ¯äº²æ¸©æä»¥å¾ </a></div> 1491 <div class="uni-desc" style="margin-top: 12px !important;">2026-05-10</div> 1492 </div> 1493 </div> 1494 </div> 1495 1496 </div> 1497 1498 <div class="text-center pb-5" style="margin-top: 20px;"> 1499 <div class="fs-14 fs-sm-20"> 1500 <a href="/Announcement/" class="more-btn">æ´å¤å ¬å</a> 1501 <a href="/News/" class="more-btn">æ´å¤æ°é»</a> 1502 </div> 1503 </div> 1504 1505</div> 1506</div> 1507 1508<!--åå±--> 1509<div style="padding-bottom: 50px;"> 1510 <div class="container"> 1511 1512 <div class="title"><span>åå±</span></div> 1513 1514 <div class="row"> 1515 1516 <div class="col-12 col-sm-6 col-lg-3" data-wow-delay="100ms" data-wow-duration="1s"> 1517 <a href="/SocialRecruitment/" style="text-decoration:none;"> 1518 <div class="card xian" style="opacity: 0; animation: ukFadeInUp 1s ease forwards; margin-bottom: 30px;"> 1519 <div class="card-img- img-wrapper"> 1520 <!-- éæå¾çæ¿æ¢ï¼ç»ä¸æ·»å loading="lazy" --> 1521 <img class="card-img-top" loading="lazy" src="/static/upload/image/20260804/人ææè.png" alt="人ææè"> 1522 1523 1524 1525 </div> 1526 <div class="card-body text-center"> 1527 <div class="uni-title">人ææè</div> 1528 <div class="uni-desc dev-subtitle" style="margin-top: 10px !important;"><p>åçé ç½®æ¶æï¼é¿ææèµåå·¥èä¸è§å</p></div> 1529 </div> 1530 </div> 1531 </a> 1532 </div> 1533 1534 <div class="col-12 col-sm-6 col-lg-3" data-wow-delay="200ms" data-wow-duration="1s"> 1535 <a href="/Responsibility/" style="text-decoration:none;"> 1536 <div class="card xian" style="opacity: 0; animation: ukFadeInUp 1s ease forwards; margin-bottom: 30px;"> 1537 <div class="card-img- img-wrapper"> 1538 <!-- éæå¾çæ¿æ¢ï¼ç»ä¸æ·»å loading="lazy" --> 1539 1540 <img class="card-img-top" loading="lazy" src="/static/upload/image/20260804/社ä¼è´£ä»».png" alt="社ä¼è´£ä»»"> 1541 1542 1543 </div> 1544 <div class="card-body text-center"> 1545 <div class="uni-title">社ä¼è´£ä»»</div> 1546 <div class="uni-desc dev-subtitle" style="margin-top: 10px !important;"><p>å®å ¨ç¬¬ä¸ï¼éè§ç¯å¢ä¿æ¤å社åºç¦ç¥</p></div> 1547 </div> 1548 </div> 1549 </a> 1550 </div> 1551 1552 <div class="col-12 col-sm-6 col-lg-3" data-wow-delay="300ms" data-wow-duration="1s"> 1553 <a href="/StrategicPlanning/" style="text-decoration:none;"> 1554 <div class="card xian" style="opacity: 0; animation: ukFadeInUp 1s ease forwards; margin-bottom: 30px;"> 1555 <div class="card-img- img-wrapper"> 1556 <!-- éæå¾çæ¿æ¢ï¼ç»ä¸æ·»å loading="lazy" --> 1557 1558 1559 <img class="card-img-top" loading="lazy" src="/static/upload/image/20260804/æç¥è§å.png" alt="æç¥è§å"> 1560 1561 </div> 1562 <div class="card-body text-center"> 1563 <div class="uni-title">æç¥è§å</div> 1564 <div class="uni-desc dev-subtitle" style="margin-top: 10px !important;"><p>æ·±åå¸åºï¼åæ°é©±å¨å¤å ååå±</p></div> 1565 </div> 1566 </div> 1567 </a> 1568 </div> 1569 1570 <div class="col-12 col-sm-6 col-lg-3" data-wow-delay="400ms" data-wow-duration="1s"> 1571 <a href="/Profile/" style="text-decoration:none;"> 1572 <div class="card xian" style="opacity: 0; animation: ukFadeInUp 1s ease forwards; margin-bottom: 30px;"> 1573 <div class="card-img- img-wrapper"> 1574 <!-- éæå¾çæ¿æ¢ï¼ç»ä¸æ·»å loading="lazy" --> 1575 1576 1577 1578 <img class="card-img-top" loading="lazy" src="/static/upload/image/20260804/å ¬å¸ç®ä».png" alt="å ¬å¸ç®ä»"> 1579 </div> 1580 <div class="card-body text-center"> 1581 <div class="uni-title">å ¬å¸ç®ä»</div> 1582 <div class="uni-desc dev-subtitle" style="margin-top: 10px !important;"><p>è´åäºæ¨å¨ç»¿è²å»ºçè½å°</p></div> 1583 </div> 1584 </div> 1585 </a> 1586 </div> 1587 1588 </div> 1589</div> 1590</div> 1591<!--产åä¸å¿end--> 1592
1593<script src="/template/default/swiper-4.3.5/js/swiper.min.js"></script>
vendor: 1 bytes, line 1593
1593
1594<script> 1595 var mySwiper = new Swiper ('.swiper-container', { 1596 direction: 'horizontal', 1597 loop: true, 1598 speed: 1500, 1599 autoplay : { delay:3500, disableOnInteraction: false }, 1600 pagination: { el: '.swiper-pagination', clickable :true }, 1601 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } 1602 }); 1603 1604 var slideMoreBtns = document.querySelectorAll('.slide-more-btn'); 1605 slideMoreBtns.forEach(function(btn) { 1606 btn.addEventListener('mouseenter', function() { mySwiper.autoplay.stop(); }); 1607 btn.addEventListener('mouseleave', function() { mySwiper.autoplay.start(); }); 1608 }); 1609</script>
1609 1610 1611<style> 1612 .footer .highlight-link { 1613 font-size: 1.35rem !important; 1614 font-weight: 500; 1615 display: inline-block; 1616 transition: all 0.3s ease-in-out; 1617 text-decoration: none; 1618 } 1619 1620 .footer .highlight-link:hover { 1621 transform: translateX(5px) scale(1.05); 1622 color: #ffffff !important; 1623 text-shadow: 0 2px 5px rgba(0,0,0,0.3); 1624 } 1625 1626 .footer .footer-title { 1627 font-size: 1.65rem !important; 1628 font-weight: 600; 1629 letter-spacing: 1px; 1630 } 1631 1632 .footer .footer-slogan { 1633 font-size: 1.5rem !important; 1634 color: rgba(255, 255, 255, 0.95); 1635 font-weight: 500; 1636 letter-spacing: 1px; 1637 } 1638 1639 .footer .contact-info { 1640 font-size: 1.35rem !important; 1641 font-weight: 500; 1642 display: inline-block; 1643 transition: all 0.3s ease-in-out; 1644 transform-origin: left center; 1645 } 1646 1647 .footer .contact-info:hover { 1648 transform: scale(1.05); 1649 color: #ffffff; 1650 text-shadow: 0 2px 5px rgba(0,0,0,0.3); 1651 } 1652 1653 .footer .logo-slogan-group { 1654 display: inline-block; 1655 transition: transform 0.3s ease-in-out; 1656 cursor: default; 1657 } 1658 1659 .footer .logo-slogan-group:hover { 1660 transform: translateX(8px); 1661 } 1662 1663 /* ãä¿®æ¹ç¹ãï¼ç»ä¸æ¾å¤§ copyright åºåå æææåçå¤§å° */ 1664 .copyright { 1665 font-size: 1.15rem; 1666 } 1667 1668 .copyright a { 1669 color: inherit; 1670 text-decoration: none; 1671 transition: color 0.3s ease; 1672 } 1673 1674 .copyright a:hover { 1675 color: #e60012; 1676 } 1677 1678 .online a.wechat-kf-link { 1679 color: inherit; 1680 text-decoration: none; 1681 display: block; 1682 } 1683 1684 /* ææºç«¯ LOGO åå²çº¿åä¸ä¸å± ä¸ä¿®æ£ */ 1685 @media (max-width: 767px) { 1686 .mobile-divider { 1687 border-bottom: 1px solid rgba(255, 255, 255, 0.25); 1688 padding-bottom: 0.8rem !important; /* æéå缩åºè¾¹è·æµæ¶è¡é« */ 1689 margin-bottom: 1.5rem !important; 1690 } 1691 } 1692</style> 1693 1694<div class="footer py-4 py-md-5 text-secondary" style="background:#e60012;"> 1695 <div class="container"> 1696 <div class="row fff text-left" style="display: flex; flex-wrap: wrap;"> 1697 1698 <!-- ================= 1. èç³»æä»¬ ================= --> 1699 <div class="col-12 col-md-3 text-left"> 1700 <h5 class="footer-title mb-4">èç³»æä»¬</h5> 1701 <ul class="lh-2" style="list-style: none; padding: 0; margin: 0;"> 1702 <li style="line-height:42px; display: block;"> 1703 <span class="contact-info">400-012-2960ï¼ä¸å½åºï¼</span> 1704 </li> 1705 <li style="line-height:42px; display: block;"> 1706 <span class="contact-info">䏿µ·å¸åå®åºåç¿éé¶ç¿è·¯799å·501室</span> 1707 </li> 1708 <li style="line-height:42px; display: block;"> 1709 <span class="contact-info">[email protected]</span> 1710 </li> 1711 </ul> 1712 </div> 1713 1714 <!-- ================= 2. ææ¯æ¯æ ================= --> 1715 1716 1717 <div class="col-6 col-md-3 text-left d-none d-md-block"> 1718 <h5 class="footer-title mb-4">ææ¯æ¯æ</h5> 1719 <ul class="lh-2" style="list-style: none; padding: 0; margin: 0;"> 1720 1721 <li style="line-height:42px; display: block;"><a href="/Consultation/" class="highlight-link">ææ¯å¨è¯¢</a></li> 1722 1723 <li style="line-height:42px; display: block;"><a href="/OnsiteService/" class="highlight-link">ç°åºæå¡</a></li> 1724 1725 </ul> 1726 </div> 1727 1728 1729 1730 <!-- ================= 3. å å ¥æä»¬ ================= --> 1731 <div class="col-6 col-md-3 text-left d-none d-md-block"> 1732 <h5 class="footer-title mb-4">å å ¥æä»¬</h5> 1733 <ul class="lh-2" style="list-style: none; padding: 0; margin: 0;"> 1734 <li style="line-height:42px; display: block;"> 1735 <a href="/Profile/" class="highlight-link">å ¬å¸ç®ä»</a> 1736 </li> 1737 <li style="line-height:42px; display: block;"> 1738 <a href="/SocialRecruitment/" class="highlight-link">ç¤¾ä¼æè</a> 1739 </li> 1740 </ul> 1741 </div> 1742 1743 <!-- ================= 4. LOGOç»å ================= --> 1744 <div class="col-12 col-md-3 text-left order-first order-md-last mobile-divider mb-md-0"> 1745 <div class="logo-slogan-group"> 1746 <div class="mb-4"> 1747 <img src="/static/upload/image/20260826/1787717557373897.png" alt="åç»å¾" style="max-height: 55px; width: auto; max-width: 100%;"> 1748 </div> 1749 <ul class="lh-2" style="list-style: none; padding: 0; margin: 0;"> 1750 <li class="footer-slogan" style="line-height:42px; display: block;">éå®ç»¿è²å»ºç</li> 1751 <li class="footer-slogan" style="line-height:42px; display: block;">çå°±å®å± æ ¹åº</li> 1752 </ul> 1753 </div> 1754 </div> 1755 1756 </div> 1757 </div> 1758</div> 1759 1760<div class="copyright lh-5" style="background:#fff;"> 1761 <div class="container"> 1762 <div class="row py-5"> 1763 <div class="col-12 col-md-6 text-left"> 1764 Copyright 2026 åç»å¾(䏿µ·)å½é è´¸ææéå ¬å¸ All Rights Reserved.
1765 <span class="ml-2 d-inline-block"> 1766 <a href="https://beian.miit.gov.cn/" target="_blank">沪ICPå¤14026572å·</a> 1767 </span> 1768 </div> 1769 1770 <div class="col-12 col-md-6 text-left text-md-right mt-3 mt-md-0" style="line-height: 1.8;"> 1771 <a href="/LegalStatement/" class="d-block d-md-inline-block mb-2 mb-md-0 mr-md-4">æ³å¾å£°æ</a> 1772 1773 <!-- ã已修å¤ãè¿éæ¹ä¸º PbootCMS ç³»ç»ç卿è°ç¨æ¹å¼ï¼ç»å®äºä½ åå°ç ID 126 --> 1774 1775 <a href="/HtmlSitemap/" class="d-block d-md-inline-block" target="_blank">ç½ç«å°å¾</a> 1776 1777 1778 </div> 1779 1780 </div> 1781 </div> 1782</div> 1783 1784<!-- å¨çº¿å®¢æ --> 1785<div class="online d-none d-md-block"> 1786 <dl style="background:#e60012;"> 1787 <a href="https://work.weixin.qq.com/kfid/kfcd97de26e24ce4555" target="_blank" class="wechat-kf-link"> 1788 <dd><i class="fa fa-weixin" aria-hidden="true"></i></dd> 1789 <dd>微信èç³»</dd> 1790 </a> 1791 </dl> 1792 1793 <dl class="scroll-top" style="background:#e60012;"> 1794 <dd><i class="fa fa-chevron-up"></i></dd> 1795 <dd>è¿åé¡¶é¨</dd> 1796 </dl> 1797</div> 1798
1799<script src="/template/default/js/popper.min.js"></script>
vendor: 1 bytes, line 1799
1799
1800<script src="/template/default/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 1800
1800
1801<script src="/template/default/js/wow.min.js"></script>
vendor: 1 bytes, line 1801
1801
1802<script src="/template/default/js/aoyun.js?v=v1.2.2"></script>
vendor: 1 bytes, line 1802
1802
1803<script> 1804function subform(obj){ 1805 var url = '/form/2/'; 1806 var tel = $(obj).find("#tel").val(); 1807 1808 var reg = /^(1|0)[\d\-]+$/; 1809 if (!reg.test(tel)) { 1810 alert('çµè¯å·ç é误ï¼'); 1811 return false; 1812 } 1813 1814 $.ajax({ 1815 type: 'POST', 1816 url: url, 1817 dataType: 'json', 1818 data: { 1819 tel: tel 1820 }, 1821 success: function (response, status) { 1822 if(response.code){ 1823 alert("æ¨çæ¥çµå·²æ¶å°ï¼æä»¬ä¼å°½å¿«èç³»æ¨ï¼"); 1824 $(obj)[0].reset(); 1825 }else{ 1826 alert(response.data); 1827 } 1828 }, 1829 error: function(xhr, status, error){ 1830 alert('è¿åæ°æ®å¼å¸¸ï¼'); 1831 } 1832 }); 1833 return false; 1834} 1835</script>
1835 1836 1837
1838<script src="/template/default/js/webapp.js"></script>
1838 1839</body> 1840</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.