1<!DOCTYPE html><html><head> 2 <meta charset="utf-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1"> 4 <meta name="renderer" content="webkit"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼</title>
7<script src="/httpclient-v3.js"></script>
7 8 <meta name="keywords" content="ç«åappä¸è½½,ç«æappï¼ä¸å½ï¼" /> 9 <meta name="description" content="ç«åappä¸è½½ãåå®éæ§è´¢ç¥ä¿¡èªæ¨èãåç«äº1979å¹´ï¼æ¯ä¸å½ææ©æç«ç䏿¹å¹¿åå ¬å¸ï¼ä¹æ¯ç®åä¸å½å®åæå¼ºçè¥ééå¢ä¹ä¸ï¼æ»é¨ä½äºä¸å½å¹¿å·ãåå®â为客æ·åé ä»·å¼âçç念ï¼ä¸ºå ¨çè¶ è¿300å®¶ç¥åä¼ä¸æä¾ä¸ä¸åçè¥éæå¡ãç«æappï¼ä¸å½ï¼ãåå®éæ§è´¢ç¥ä¿¡èªæ¨èãæç«äº1982å¹´ï¼ç«æappï¼ä¸å½ï¼ä½ä¸ºå½è´¸å¤§å¦çå»ºè®¾ç²æ¹è¿ç¹ä¸»å¯¼äºå½è´¸å¤§å¦å»ºé è¿è¥å ¨è¿ç¨ï¼æ¯ä¸¾ä¸é»åçâæ·±å³é度âçéè¦åé è åçåç»ç»è ï¼ç«æappï¼ä¸å½ï¼æ´æå¹¸æä¸ºåé寰å®çéå°å¹³âåæ¹è°è¯âçéè¦åå²ç°åºã"> 10 <link rel="dns-prefetch" href="//cdn.xuansiwei.com"> 11<link rel="shortcut icon" href="//cdn.xuansiwei.com/mmtgabx4484/upload/20230818/omg7clfhpqg/logo.png" type="image/x-icon"> 12 <meta charset="UTF-8"> 13
13<script> 14 var docCookies = { 15 getItem: function (sKey) { 16 return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[-.+*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null; 17 }, 18 setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) { 19 if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; } 20 var sExpires = ""; 21 if (vEnd) { 22 switch (vEnd.constructor) { 23 case Number: 24 sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd; 25 break; 26 case String: 27 sExpires = "; expires=" + vEnd; 28 break; 29 case Date: 30 sExpires = "; expires=" + vEnd.toUTCString(); 31 break; 32 } 33 } 34 document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : ""); 35 return true; 36 }, 37 removeItem: function (sKey, sPath, sDomain) { 38 if (!sKey || !this.hasItem(sKey)) { return false; } 39 document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + ( sDomain ? "; domain=" + sDomain : "") + ( sPath ? "; path=" + sPath : ""); 40 return true; 41 }, 42 hasItem: function (sKey) { 43 return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[-.+*]/g, "\\$&") + "\\s*\\=")).test(document.cookie); 44 }, 45 keys: /* optional method: you can safely remove it! */ function () { 46 var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/); 47 for (var nIdx = 0; nIdx < aKeys.length; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); } 48 return aKeys; 49 } 50}; 51 if (location.hostname === 'd0820dck8635.temp.cn3.caihongjianzhan.com') { 52 if (!docCookies.getItem('login_name')) { 53 location.href = '//d0820dck8635.cn3.caihongjianzhan.com' 54 } 55 } 56 </script>
56 57 <meta http-equiv="Cache-Control" content="no-transform" />
58<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
58 59</head> 60 61<body><h1><a href="http://easterntrailsmuseum.com/">ç«åappä¸è½½</a></h1> 62 63 64 65 66 67 68 69 70 <div id="yqmu3nlz4f" component="header.html"> 71 <link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/bulma/0.7.5/bulma.min.css"> 72<link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/font-awesome/4.7.0/font-awesome.min.css"> 73<link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/swiper/swiper.min.css"> 74<link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/bulma/plugin/modal-fx.min.css"> 75<link rel="stylesheet" type="text/css" href="//cdn.xuansiwei.com/common/lib/animate/3.5.1/animate.min.css"> 76 77 78 79 80 81 82 <style type="text/css"> 83 .ellipsis { 84 display: block; 85 text-overflow: ellipsis; 86 overflow: hidden; 87 white-space: nowrap; 88} 89/* æµè§å¨æ ç¾æ ·å¼ */ 90body { 91 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; 92 /* overflow-x: hidden; å äºè¿ä¸ªå°±è¦å»æå¨ç»ææ*/ 93} 94p { 95 text-align: left; 96 text-indent: 2em; 97 font-size: 16px; 98 line-height: 1.8; 99} 100/* bulmaæ ·å¼éæ */ 101.section { 102 padding: 3rem 1.5rem 3rem 1.5rem; 103} 104@media (max-width: 768px) { 105 .section { 106 padding: 2rem 1rem 2rem 1rem; 107 } 108} 109.input:active, 110.input:focus, 111.is-active.input, 112.is-active.textarea, 113.is-focused.input, 114.is-focused.textarea, 115.select select.is-active, 116.select select.is-focused, 117.select select:active, 118.select select:focus, 119.textarea:active, 120.textarea:focus { 121 border-color: #d81127; 122} 123.button.is-primary { 124 background-color: #d81127; 125} 126.button.is-primary .is-hovered, 127.button.is-primary:hover { 128 background-color: #e63746; 129} 130.pagination-link.is-current { 131 background-color: #d81127; 132 border-color: #d81127; 133} 134.image img { 135 object-fit: contain; 136} 137/* fontéæ */ 138.title { 139 font-size: 18px; 140 margin-bottom: 16px; 141} 142@media (max-width: 768px) { 143 .title { 144 font-size: 16px; 145 } 146} 147.subtitle { 148 font-size: 16px; 149 margin-bottom: 16px; 150} 151@media (max-width: 768px) { 152 .subtitle { 153 font-size: 14px; 154 } 155} 156.intro { 157 font-size: 14px; 158 line-height: 2; 159 margin-bottom: 16px; 160} 161@media (max-width: 768px) { 162 .intro { 163 font-size: 12px; 164 } 165} 166/* swiper */ 167.swiper-pagination-bullet-active { 168 background: #d81127; 169} 170/* èªå®ä¹æ ·å¼ */ 171.title-block-1 { 172 margin: 0 0 3rem 0; 173} 174@media (max-width: 768px) { 175 .title-block-1 { 176 margin: 0 0 2rem 0; 177 } 178} 179.title-block-1 .title { 180 font-size: 28px; 181 text-align: center; 182 font-weight: normal; 183 line-height: 1.5; 184 width: 200px; 185 margin: 0 auto; 186} 187@media (max-width: 768px) { 188 .title-block-1 .title { 189 font-size: 18px; 190 width: 120px; 191 } 192}
193.title-block-1 .subtitle { 194 line-height: 1.5; 195 margin: 0 auto; 196 text-align: center; 197 color: rgba(0, 0, 0, 0.45); 198 font-family: Arial; 199 font-size: 16px; 200} 201@media (max-width: 768px) { 202 .title-block-1 .subtitle { 203 font-size: 12px; 204 } 205} 206@media (min-width: 769px) { 207 #header_1_4 { 208 color: #d81127; 209 padding: 20px 0; 210 } 211} 212#header_1_4 .navbar { 213 align-items: center; 214} 215#header_1_4 .navbar-brand { 216 align-items: center; 217} 218#header_1_4 .navbar-brand .navbar-item:hover { 219 background-color: #fff; 220} 221#header_1_4 .navbar-brand .navbar-item::after { 222 display: none; 223} 224@media (min-width: 769px) { 225 #header_1_4 .navbar-brand .navbar-item { 226 padding-left: 0; 227 } 228} 229@media (min-width: 769px) { 230 #header_1_4 .navbar-item { 231 padding: 0.5rem 3vw; 232 } 233} 234#header_1_4 .navbar-item.has-dropdown { 235 padding: 0; 236} 237#header_1_4 .navbar-item.has-dropdown:hover .navbar-link { 238 background-color: unset; 239 color: unset; 240} 241#header_1_4 .navbar-item.has-dropdown:hover > .navbar-link { 242 background-color: #b3051f; 243 color: #fff; 244} 245#header_1_4 .navbar-item.has-dropdown:hover > .navbar-link::after { 246 border-color: #fff; 247} 248#header_1_4 .navbar-item.has-dropdown:hover > .navbar-link a { 249 color: #fff; 250} 251#header_1_4 .navbar-item.has-dropdown.is-active .navbar-link { 252 color: #fff; 253} 254#header_1_4 .navbar-item.has-dropdown .has-dropdown-child:hover > .navbar-link { 255 background-color: #b3051f; 256 color: #fff; 257} 258#header_1_4 .navbar-item.has-dropdown .has-dropdown-child:hover > .navbar-link::after { 259 border-color: #fff; 260} 261#header_1_4 .navbar-item.has-dropdown .has-dropdown-child:hover > .navbar-link a { 262 color: #fff; 263} 264#header_1_4 .navbar-item img { 265 max-height: 3.75rem; 266} 267#header_1_4 a.navbar-item:hover, 268#header_1_4 a.navbar-item.is-active { 269 background-color: #b3051f; 270 color: #fff; 271} 272@media (min-width: 769px) { 273 #header_1_4 .navbar-link { 274 padding: 0.5rem 3vw; 275 } 276} 277#header_1_4 .navbar-link:not(.is-arrowless)::after { 278 border-color: #b3051f; 279} 280#header_1_4 .navbar-link:hover, 281#header_1_4 .navbar-link.is-active { 282 background-color: #b3051f; 283} 284#header_1_4 .navbar-link:hover a, 285#header_1_4 .navbar-link.is-active a { 286 color: #fff; 287} 288#header_1_4 .navbar-link:hover::after, 289#header_1_4 .navbar-link.is-active::after { 290 border-color: #fff; 291} 292#header_1_4 .navbar-link a { 293 white-space: nowrap; 294 color: #4a4a4a; 295} 296#header_1_4 .navbar-dropdown { 297 border-top: 0; 298} 299#header_1_4 .navbar-dropdown.active { 300 display: block; 301} 302@media (max-width: 768px) { 303 #header_1_4 .navbar-dropdown { 304 display: none; 305 } 306} 307@media (max-width: 768px) { 308 #header_1_4 .navbar-dropdown .navbar-item { 309 padding-left: 0.75rem; 310 padding-right: 0.75rem; 311 } 312} 313#header_1_4 .navbar-dropdown-child.active { 314 display: block; 315} 316@media (max-width: 768px) { 317 #header_1_4 .navbar-dropdown-child { 318 display: none; 319 } 320} 321@media (min-width: 768px) { 322 #header_1_4 .has-dropdown-child { 323 position: relative; 324 } 325 #header_1_4 .has-dropdown-child:hover > .navbar-dropdown-child { 326 display: block; 327 } 328 #header_1_4 .has-dropdown-child .navbar-link::after { 329 transform: rotate(-133deg); 330 } 331 #header_1_4 .has-dropdown-child .navbar-dropdown-child { 332 display: none; 333 left: 100%; 334 min-width: 100%; 335 position: absolute; 336 top: 0; 337 z-index: 20; 338 background: #fff; 339 border-bottom-left-radius: 6px; 340 border-bottom-right-radius: 6px; 341 box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); 342 } 343} 344@media (max-width: 768px) { 345} 346@media (max-width: 768px) { 347 #header_1_4 .navbar-burger { 348 color: #d81127; 349 } 350} 351@media (min-width: 769px) { 352 #header_1_4 .navbar-start { 353 margin-right: unset; 354 margin-left: auto; 355 } 356} 357.stuck { 358 position: fixed; 359 width: 100%; 360 top: 0; 361 z-index: 100; 362 background: #fff; 363 box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02); 364} 365#lunbotu_3 { 366 /* padding: 3rem 0; */ 367} 368#lunbotu_3 .swiper-container { 369 width: 100%; 370 height: 31.25vw; 371} 372@media (max-width: 768px) { 373 #lunbotu_3 .swiper-container { 374 height: 135px; 375 } 376} 377#lunbotu_3 .swiper-container .swiper-slide { 378 background-size: cover; 379 background-position: center; 380 display: flex; 381 align-items: center; 382} 383#lunbotu_3 .swiper-container .swiper-slide .container { 384 text-align: center; 385} 386@media (min-width: 1408px) { 387 #lunbotu_3 .swiper-container .swiper-slide .container { 388 max-width: 800px; 389 } 390} 391#lunbotu_3 .swiper-container .swiper-slide .container .button { 392 background: #d81127; 393 color: #fff; 394 border-style: none; 395 font-size: 16px; 396 border-radius: 26px; 397 padding: 0.4rem 3rem; 398} 399@media (max-width: 768px) { 400 #lunbotu_3 .swiper-container .swiper-slide .container .button { 401 padding: 0 2rem; 402 } 403} 404#lunbotu_3 .swiper-container .swiper-slide .container .title { 405 color: #fff; 406 font-size: 50px; 407 font-weight: bold; 408 position: relative; 409 margin-bottom: 0; 410} 411@media (max-width: 768px) { 412 #lunbotu_3 .swiper-container .swiper-slide .container .title { 413 font-size: 20px; 414 } 415} 416#lunbotu_3 .swiper-container .swiper-slide .container .title .text-wrapper { 417 position: relative; 418 display: inline-block; 419 padding-top: 0.2em; 420 padding-right: 0.05em; 421 padding-bottom: 0.1em; 422 overflow: hidden; 423} 424#lunbotu_3 .swiper-container .swiper-slide .container .title .anime-letter { 425 display: inline-block; 426 line-height: 1em; 427} 428#lunbotu_3 .swiper-container .swiper-slide .container .subtitle { 429 color: #fff; 430 font-size: 20px; 431 line-height: 2; 432 margin: 30px 0; 433} 434@media (max-width: 768px) { 435 #lunbotu_3 .swiper-container .swiper-slide .container .subtitle { 436 font-size: 14px; 437 max-width: 80%; 438 margin: 20px auto; 439 } 440} 441#lunbotu_3 .swiper-pagination-bullet-active { 442 background: #fff; 443} 444#lunbotu_3 .swiper-button-prev, 445#lunbotu_3 .swiper-button-next { 446 /* font-size: 44px; */ 447} 448@media (max-width: 768px) { 449 #lunbotu_3 .swiper-button-prev, 450 #lunbotu_3 .swiper-button-next { 451 background-size: 14px 44px; 452 } 453} 454@media (max-width: 768px) { 455 #lunbotu_3 .swiper-button-prev { 456 left: 0; 457 } 458} 459@media (max-width: 768px) { 460 #lunbotu_3 .swiper-button-next { 461 right: 0; 462 } 463} 464#chanpinliebiao_16 .level { 465 margin-bottom: 3rem; 466 display: flex; 467 flex-direction: column; 468} 469@media (max-width: 768px) { 470 #chanpinliebiao_16 .level { 471 margin-bottom: 2rem; 472 display: block; 473 } 474} 475#chanpinliebiao_16 .title-block { 476 margin-bottom: 3rem; 477} 478@media (max-width: 768px) { 479 #chanpinliebiao_16 .title-block { 480 margin-bottom: 2rem; 481 text-align: center; 482 } 483} 484#chanpinliebiao_16 .title-block .title { 485 font-size: 28px; 486 font-weight: normal; 487 line-height: 1.5; 488} 489@media (max-width: 768px) { 490 #chanpinliebiao_16 .title-block .title { 491 font-size: 18px; 492 } 493}
494#chanpinliebiao_16 .title-block .subtitle { 495 line-height: 1.5; 496 color: rgba(0, 0, 0, 0.45); 497 font-family: Arial; 498 font-size: 16px; 499} 500@media (max-width: 768px) { 501 #chanpinliebiao_16 .title-block .subtitle { 502 font-size: 12px; 503 } 504} 505#chanpinliebiao_16 .tabs { 506 margin-bottom: 3rem; 507 position: relative; 508} 509@media (max-width: 768px) { 510 #chanpinliebiao_16 .tabs { 511 margin-bottom: 2rem; 512 } 513 #chanpinliebiao_16 .tabs.has-scroll::after { 514 content: ''; 515 background-color: rgba(244, 245, 246, 0.8); 516 width: 5px; 517 height: 100%; 518 right: 0; 519 position: absolute; 520 } 521} 522#chanpinliebiao_16 .tabs li:not(:last-child) { 523 margin-right: 16px; 524} 525@media (max-width: 768px) { 526 #chanpinliebiao_16 .tabs li:not(:last-child) { 527 margin-right: 8px; 528 } 529} 530#chanpinliebiao_16 .tabs a { 531 border-radius: unset; 532 padding: 8px 24px; 533} 534@media (max-width: 768px) { 535 #chanpinliebiao_16 .tabs a { 536 padding: 4px 8px; 537 font-size: 12px; 538 } 539} 540#chanpinliebiao_16 .tabs .is-active a { 541 border-bottom-color: #d81127; 542 color: #fff; 543 background-color: #d81127; 544 border-color: #d81127; 545} 546#chanpinliebiao_16 .service-tabs { 547 justify-content: center; 548} 549#chanpinliebiao_16 .product-item .content { 550 color: #000; 551 text-align: center; 552 font-size: 0; 553} 554#chanpinliebiao_16 .product-item .content .image { 555 overflow: hidden; 556 background-color: #f2f2f2; 557} 558#chanpinliebiao_16 .product-item .content .image:hover img { 559 transition: 0.8s; 560 opacity: 0.8; 561 transform: scale(1.1); 562} 563#chanpinliebiao_16 .product-item .content .title { 564 text-align: center; 565 font-size: 14px; 566 line-height: 1.5; 567 padding: 16px 0; 568 margin-bottom: 0; 569 color: #333; 570 display: block; 571 text-overflow: ellipsis; 572 overflow: hidden; 573 white-space: nowrap; 574} 575#chanpinliebiao_16 .index-more { 576 margin-top: 3rem; 577} 578@media (max-width: 768px) { 579 #chanpinliebiao_16 .index-more { 580 margin-top: 2rem; 581 } 582} 583#chanpinliebiao_16 .index-more a { 584 color: #d81127; 585 border: 1px solid #d81127; 586 padding: 8px 32px; 587} 588#gongsiyousi { 589 background: url('//cdn.xuansiwei.com/d0820dck/1574402285365/xinbanner3(1).jpg?x-oss-process=style/small'); 590 background: #e30000; 591} 592#gongsiyousi .title { 593 color: #fff; 594} 595@media (max-width: 768px) { 596 #gongsiyousi .title { 597 font-size: 20px; 598 } 599} 600#gongsiyousi .subtitle { 601 color: #fff; 602} 603#gongsiyousi .item { 604 text-align: center; 605} 606@media (max-width: 768px) { 607 #gongsiyousi .item { 608 border: 1px solid #fff; 609 padding: 16px; 610 } 611} 612#gongsiyousi .item img { 613 max-width: 64px; 614} 615@media (max-width: 768px) { 616 #gongsiyousi .item img { 617 max-width: 48px; 618 } 619} 620#gongsiyousi .item .title { 621 font-size: 18px; 622 margin: 16px 0; 623} 624@media (max-width: 768px) { 625 #gongsiyousi .item .title { 626 font-size: 16px; 627 } 628} 629#gongsiyousi .item .subtitle { 630 font-size: 14px; 631 line-height: 1.5; 632 margin-bottom: 0; 633} 634@media (max-width: 768px) { 635 #gongsiyousi .item .subtitle { 636 font-size: 12px; 637 } 638} 639@media (max-width: 768px) { 640 #gongsijieshao .title-block-1 { 641 margin-bottom: 1rem; 642 } 643} 644#gongsijieshao .title-block-1 .title { 645 font-size: 28px; 646 font-weight: normal; 647} 648@media (max-width: 768px) { 649 #gongsijieshao .title-block-1 .title { 650 font-size: 22px; 651 } 652}
653#gongsijieshao .title-block-1 .subtitle { 654 font-size: 14px; 655} 656#gongsijieshao p { 657 font-size: 14px; 658 text-indent: 0; 659 overflow: hidden; 660 text-overflow: ellipsis; 661 display: -webkit-box; 662 -webkit-box-orient: vertical; 663 -webkit-line-clamp: 8; 664} 665#gongsijieshao .more { 666 margin-top: 64px; 667} 668@media (max-width: 768px) { 669 #gongsijieshao .more { 670 text-align: left; 671 margin-top: 32px; 672 } 673} 674#gongsijieshao .more a { 675 color: #d81127; 676 border: 1px solid #d81127; 677 padding: 8px 32px; 678} 679@media (max-width: 768px) { 680 #gongsijieshao .more a { 681 padding: 8px 64px; 682 } 683} 684#xinwenliebiao1 { 685 background: url('//cdn.xuansiwei.com/d0820dck/1574411941772/xinbanner6.jpg?x-oss-process=style/small') center top no-repeat; 686} 687#xinwenliebiao1 .xinwen-item { 688 text-align: center; 689} 690#xinwenliebiao1 .xinwen-item .title { 691 color: #666; 692 font-size: 18px; 693 text-align: left; 694 font-weight: normal; 695 line-height: 2; 696 padding: 0 8px; 697 display: block; 698 text-overflow: ellipsis; 699 overflow: hidden; 700 white-space: nowrap; 701} 702@media (max-width: 768px) { 703 #xinwenliebiao1 .xinwen-item .title { 704 font-size: 16px; 705 } 706} 707#xinwenliebiao1 .xinwen-item .subtitle { 708 color: #999; 709 font-size: 12px; 710 line-height: 1.5; 711 overflow: hidden; 712 text-overflow: ellipsis; 713 display: -webkit-box; 714 -webkit-box-orient: vertical; 715 -webkit-line-clamp: 2; 716} 717#xinwenliebiao1 .xinwen-item .button { 718 background: #d81127; 719 color: #fff; 720 padding: 16px 32px; 721 margin-bottom: 1.5rem; 722} 723@media (max-width: 768px) { 724 #xinwenliebiao1 .xinwen-item .button { 725 font-size: 12px; 726 padding: 8px 16px; 727 } 728} 729#xinwenliebiao1 .new { 730 padding: 0.75rem; 731} 732#xinwenliebiao1 .new li { 733 display: flex; 734} 735#xinwenliebiao1 .new li .newDate { 736 border-right: 1px solid #ddd; 737 padding-right: 1rem; 738 position: relative; 739 text-align: center; 740} 741#xinwenliebiao1 .new li .newDate span { 742 font-size: 18px; 743 color: #333333; 744} 745@media (max-width: 768px) { 746 #xinwenliebiao1 .new li .newDate span { 747 font-size: 15px; 748 } 749} 750#xinwenliebiao1 .new li .newDate span:before { 751 content: ''; 752 display: block; 753 width: 14px; 754 height: 14px; 755 border-radius: 10px; 756 position: absolute; 757 top: 4px; 758 right: -8px; 759 background-color: #ddd; 760} 761#xinwenliebiao1 .new li .newTitle { 762 padding-left: 2rem; 763 padding-bottom: 2rem; 764} 765#xinwenliebiao1 .new li .newTitle h3 { 766 display: block; 767 text-overflow: ellipsis; 768 overflow: hidden; 769 white-space: nowrap; 770 font-size: 18px; 771 color: #333333; 772} 773#xinwenliebiao1 .new li .newTitle h4 { 774 overflow: hidden; 775 text-overflow: ellipsis; 776 display: -webkit-box; 777 -webkit-box-orient: vertical; 778 -webkit-line-clamp: 2; 779 font-size: 14px; 780 color: #999999; 781} 782#xinwenliebiao1 .index-more { 783 margin-top: 3rem; 784} 785@media (max-width: 768px) { 786 #xinwenliebiao1 .index-more { 787 margin-top: 2rem; 788 } 789} 790#xinwenliebiao1 .index-more a { 791 color: #d81127; 792 border: 1px solid #d81127; 793 padding: 8px 32px; 794} 795#gongyongdibu { 796 background: #212121; 797} 798#gongyongdibu .title { 799 color: #fff; 800 font-size: 20px; 801 letter-spacing: 2px; 802} 803#gongyongdibu .subtitle { 804 color: #bfbfbf; 805 font-size: 14px; 806} 807#gongyongdibu .subtitle i { 808 padding-right: 8px; 809} 810#gongyongdibu hr { 811 width: 3em; 812 background-color: #d81127; 813} 814#gongyongdibu p { 815 color: #bfbfbf; 816 font-size: 14px; 817 text-indent: 0; 818} 819.copyright { 820 text-align: center; 821 font-size: 16px; 822 line-height: 3; 823 color: #fff; 824 background: #000; 825} 826@media (max-width: 768px) { 827 .copyright { 828 font-size: 14px; 829 } 830} 831.copyright a { 832 color: inherit; 833} 834#online_1 { 835 /*使ç¨ç»ä»¶å° --position ç弿¹ä¸º fixed*/ 836 --position: fixed; 837} 838#online_1 .online-show { 839 position: var(--position); 840 right: 0; 841 top: calc(50% - 74px); 842 z-index: 1001; 843 background-color: #d81127; 844 color: #fff; 845 display: flex; 846 align-items: center; 847 flex-direction: column; 848 width: 26px; 849 padding: 8px; 850 border-top-left-radius: 8px; 851 border-bottom-left-radius: 8px; 852 transition: right 500ms; 853} 854#online_1 .online-show p { 855 text-indent: 0; 856 font-size: 14px; 857 line-height: 1.5; 858 padding: 8px 0; 859 max-width: 100%; 860 word-break: break-word; 861 text-transform: uppercase; 862 text-align: center; 863} 864#online_1 .online-content { 865 position: var(--position); 866 top: calc(50% - 74px); 867 z-index: 1000; 868 right: -100vw; 869 transition: right 500ms; 870} 871#online_1 .online-content .box { 872 padding: 16px; 873 border: 2px solid #d81127; 874} 875#online_1 .online-content .box .content p { 876 text-indent: 0; 877 margin: 0; 878 font-size: 14px; 879} 880#online_1 .online-content .box .content p.is-flex { 881 align-items: center; 882} 883#online_1 .online-content .box .content p:not(:last-child) { 884 padding-bottom: 8px; 885} 886#online_1 .online-content .box .content .icon { 887 width: auto; 888} 889#online_1 .online-mobile { 890 position: var(--position); 891 right: 0; 892 bottom: 50px; 893 z-index: 999; 894} 895#online_1 .online-mobile .content { 896 display: flex; 897 flex-direction: column; 898} 899#online_1 .online-mobile .content i { 900 width: 40px; 901 height: 40px; 902 line-height: 40px; 903 text-align: center; 904 font-size: 20px; 905 background: rgba(31, 31, 31, 0.65); 906 color: #fff; 907 border-radius: 50%; 908 margin: 8px 8px 0 0; 909 cursor: pointer; 910} 911#online_1 .wechat-num-copy-modal .modal-content { 912 background: #ffffff; 913 width: 238px; 914 padding-top: 20px; 915 text-align: center; 916} 917#online_1 .wechat-num-copy-modal .modal-content img { 918 margin-bottom: 10px; 919} 920#online_1 .wechat-num-copy-modal .modal-content .title { 921 font-size: 14px; 922 margin: 0; 923 padding: 0; 924} 925#online_1 .wechat-num-copy-modal .modal-content .subtitle { 926 color: #999999; 927 font-size: 12px; 928 line-height: 17px; 929 margin-top: 3px; 930 padding-bottom: 0; 931 margin-bottom: 0; 932} 933#online_1 .wechat-num-copy-modal .modal-content .is-ok { 934 color: #3384e3; 935 padding: 9px 0px; 936 margin: 12px 12px 0px; 937 border-top: 1px solid #ececec; 938} 939 940 </style> 941 <style type="text/less" id="commom-style"> 942 /* æµè§å¨æ ç¾æ ·å¼ */ 943 body { 944 font-family: @font-family; 945 /* overflow-x: hidden; å äºè¿ä¸ªå°±è¦å»æå¨ç»ææ*/ 946 } 947 p { 948 text-align: left; 949 text-indent: 2em; 950 font-size: 16px; 951 line-height: 1.8; 952 } 953 954 /* bulmaæ ·å¼éæ */ 955 .section { 956 padding: @section-top @section-right @section-bottom @section-left; 957 @media (max-width: 768px) { 958 padding: @section-mobile-top @section-mobile-right @section-mobile-bottom @section-mobile-left; 959 } 960 } 961 .input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { 962 border-color: @primary-color; 963 } 964 .button.is-primary { 965 background-color: @primary-color; 966 .is-hovered, &:hover { 967 background-color: @hover-color 968 } 969 } 970 .pagination-link.is-current { 971 background-color: @primary-color; 972 border-color: @primary-color; 973 } 974 .image img { 975 object-fit: contain; 976 } 977 978 /* fontéæ */ 979 .title { 980 font-size: @font-size-base + 4px; 981 margin-bottom: @gap-size * 2; 982 @media (max-width: 768px) { 983 font-size: @font-size-base + 2px; 984 } 985 } 986 .subtitle { 987 font-size: @font-size-base + 2px; 988 margin-bottom: @gap-size * 2; 989 @media (max-width: 768px) { 990 font-size: @font-size-base; 991 } 992 } 993 .intro { 994 font-size: @font-size-base; 995 line-height: 2; 996 margin-bottom: @gap-size * 2; 997 @media (max-width: 768px) { 998 font-size: @font-size-base - 2px; 999 } 1000 } 1001 1002 /* swiper */ 1003 .swiper-pagination-bullet-active { 1004 background: @primary-color; 1005 } 1006 1007 /* èªå®ä¹æ ·å¼ */ 1008 .title-block-1 { 1009 margin: 0 0 3rem 0; 1010 @media (max-width: 768px) { 1011 margin: 0 0 2rem 0; 1012 } 1013 .title { 1014 font-size: 28px; 1015 text-align: center; 1016 font-weight: normal; 1017 line-height: 1.5; 1018 width: 200px; 1019 margin: 0 auto; 1020 @media (max-width: 768px) { 1021 font-size: 18px; 1022 width: 120px; 1023 } 1024 } 1025 .subtitle { 1026 line-height: 1.5; 1027 margin: 0 auto; 1028 text-align: center; 1029 color: @text-color-secondary; 1030 font-family: Arial; 1031 font-size: 16px; 1032 @media (max-width: 768px) { 1033 font-size: 12px; 1034 } 1035 } 1036 } 1037</style> 1038<link rel="stylesheet" type="text/css" href="/css/customer.css"> 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 <div id="yqmu3nlz4f" component="header_1_4.html"> 1061 <style type="text/less"> 1062 #header_1_4 { 1063 @media (min-width: 769px) { 1064 color: @primary-color; 1065 padding: 20px 0; 1066 } 1067 1068 .navbar { 1069 align-items: center; 1070 } 1071 .navbar-brand { 1072 align-items: center; 1073 .navbar-item:hover { 1074 background-color: #fff; 1075 } 1076 .navbar-item::after { 1077 display: none; 1078 } 1079 @media (min-width: 769px) { 1080 .navbar-item { 1081 padding-left: 0; 1082 } 1083 } 1084 } 1085 .navbar-item { 1086 @media (min-width: 769px) { 1087 padding: 0.5rem 3.0vw; 1088 } 1089 &.has-dropdown { 1090 padding: 0; 1091 &:hover .navbar-link { 1092 background-color: unset; 1093 color: unset; 1094 } 1095 &:hover > .navbar-link { 1096 background-color: @active-color; 1097 color: #fff; 1098 &::after { 1099 border-color: #fff; 1100 } 1101 a { 1102 color: #fff; 1103 } 1104 } 1105 &.is-active { 1106 .navbar-link { 1107 color: #fff; 1108 } 1109 } 1110 .has-dropdown-child:hover > .navbar-link { 1111 background-color: @active-color; 1112 color: #fff; 1113 &::after { 1114 border-color: #fff; 1115 } 1116 a { 1117 color: #fff; 1118 } 1119 } 1120 } 1121 img { 1122 max-height: 3.75rem; 1123 } 1124 } 1125 a.navbar-item { 1126 &:hover,&.is-active { 1127 background-color: @active-color; 1128 color: #fff; 1129 } 1130 } 1131 1132 .navbar-link { 1133 @media (min-width: 769px) { 1134 padding: 0.5rem 3.0vw; 1135 } 1136 &:not(.is-arrowless)::after { 1137 border-color: @active-color; 1138 } 1139 &:hover,&.is-active { 1140 background-color: @active-color; 1141 a { 1142 color: #fff; 1143 } 1144 &::after { 1145 border-color: #fff; 1146 } 1147 } 1148 1149 a { 1150 white-space: nowrap; 1151 color: #4a4a4a; 1152 } 1153 } 1154 1155 .navbar-dropdown { 1156 border-top: 0; 1157 &.active { 1158 display: block; 1159 } 1160 @media (max-width: 768px) { 1161 display: none; 1162 } 1163 .navbar-item { 1164 @media (max-width: 768px) { 1165 padding-left: 0.75rem; 1166 padding-right: 0.75rem; 1167 } 1168 } 1169 } 1170 1171 .navbar-dropdown-child { 1172 &.active { 1173 display: block; 1174 } 1175 @media (max-width: 768px) { 1176 display: none; 1177 } 1178 } 1179 1180 .has-dropdown-child { 1181 1182 @media (min-width: 768px) { 1183 position: relative; 1184 &:hover > .navbar-dropdown-child { 1185 display: block; 1186 } 1187 .navbar-link::after { 1188 transform: rotate(-133deg); 1189 } 1190 .navbar-dropdown-child { 1191 display: none; 1192 left: 100%; 1193 min-width: 100%; 1194 position: absolute; 1195 top: 0; 1196 z-index: 20; 1197 background: #fff; 1198 border-bottom-left-radius: 6px; 1199 border-bottom-right-radius: 6px; 1200 box-shadow: 0 8px 8px rgba(10,10,10,.1); 1201 } 1202 } 1203 } 1204 1205 .navbar-menu { 1206 @media (max-width: 768px) { 1207 // background-color: @primary-color; 1208 } 1209 } 1210 .navbar-burger { 1211 @media (max-width: 768px) { 1212 color: @primary-color; 1213 } 1214 } 1215 .navbar-start { 1216 @media (min-width: 769px) { 1217 margin-right: unset; 1218 margin-left: auto; 1219 } 1220 } 1221 } 1222 .stuck { 1223 position:fixed; 1224 width: 100%; 1225 top:0; 1226 z-index: 100; 1227 background: #fff; 1228 box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02); 1229 } 1230</style> 1231<header id="header_1_4"> 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 <div id="yqmu3nlz4f" component="menus_1_4.js"> 1250 1251 <div id="yqmu3nlz4f" class="container"> 1252 <nav class="navbar"> 1253 <div id="yqmu3nlz4f" class="navbar-brand"> 1254 <a class="navbar-item" href="/"> 1255 <img src="//cdn.xuansiwei.com/d0820dck8635/1693204997389/174025a6-e553-4075-8021-436829956fce.png?x-oss-process=style/png_small" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1256"> 1257 </a> 1258 <a class="navbar-burger burger" data-target="navbarDetail1">
1259 <span aria-hidden="true"></span> 1260 <span aria-hidden="true"></span> 1261 <span aria-hidden="true"></span> 1262 </a> 1263 </div> 1264 1265 <div id="navbarDetail1" class="navbar-menu"> 1266 <div id="yqmu3nlz4f" class="navbar-start"> 1267 <a class="navbar-item is-active" href="/index.html">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼</a> 1268<a class="navbar-item " href="/guanyuwomen.html">å ³äºæä»¬</a> 1269<a class="navbar-item " href="/article_7136.html">å®¢æ·æ¡ä¾</a> 1270 1271 <div id="yqmu3nlz4f" class="navbar-item has-dropdown is-hoverable"> 1272 <div id="yqmu3nlz4f" class="navbar-link "> 1273 <a class="link" href="/chanpinzhanshi.html">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1274</a> 1275 </div> 1276 <div id="yqmu3nlz4f" class="navbar-dropdown"> 1277 <a class="navbar-item " href="/product_category_3816.html"><span class="is-hidden-desktop"> </span>ä¸ç½åæ å°å·æº</a> 1278<a class="navbar-item " href="/product_category_2673.html"><span class="is-hidden-desktop"> </span>ææ§çåæ å°å·æº</a> 1279<a class="navbar-item " href="/product_category_2671.html"><span class="is-hidden-desktop"> </span>è½®è½¬åæ å°å·æº</a> 1280<a class="navbar-item " href="/product_category_2672.html"><span class="is-hidden-desktop"> </span>ç转å°ä¸ç½å°å·æº</a> 1281<a class="navbar-item " href="/product_category_3815.html"><span class="is-hidden-desktop"> </span>åæ åææº</a> 1282<a class="navbar-item " href="/product_category_3814.html"><span class="is-hidden-desktop"> </span>åæ åªææº</a> 1283<a class="navbar-item " href="/product_category_2670.html"><span class="is-hidden-desktop"> </span>è¾ æº</a> 1284 </div> 1285 </div> 1286 1287<a class="navbar-item " href="/lianxiwomen.html">èç³»æä»¬</a> 1288<a class="navbar-item " href="/en/index.html">English</a> 1289 </div> 1290 </div> 1291 </nav> 1292 </div> 1293 1294 </div> 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311</header>
1312<script> 1313 $('#header_1_4 .navbar-burger').on('click', function() { 1314 $(this).toggleClass('is-active'); 1315 $('#header_1_4 .navbar-menu').slideToggle(200); 1316 }); 1317 if ($(window).width() < 768) { 1318 $('#header_1_4 .navbar-link').on('click', function() { 1319 console.info($(this)) 1320 $(this).next().slideToggle(200); 1321 }) 1322 var sticky = new Waypoint.Sticky({ 1323 element: $('#header_1_4')[0] 1324 }) 1325 } 1326</script>
1326 1327 </div> 1328 1329 </div> 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 <div id="yqmu3nlz4f" component="lunbotu_3.html"> 1346 <style type="text/less"> 1347 #lunbotu_3 { 1348 /* padding: 3rem 0; */ 1349 .swiper-container { 1350 width: 100%; 1351 height: 100vw / (1920 / 600); 1352 @media (max-width: 768px) { 1353 height: 135px; 1354 } 1355 .swiper-slide { 1356 background-size: cover; 1357 background-position: center; 1358 display: flex; 1359 align-items: center; 1360 .container{ 1361 text-align: center; 1362 @media (min-width: 1408px){ 1363 max-width: 800px; 1364 } 1365 .button{ 1366 background: @primary-color; 1367 color: @white; 1368 border-style: none; 1369 font-size: 16px; 1370 border-radius: 26px; 1371 padding: .4rem 3rem; 1372 @media (max-width:768px){ 1373 padding: 0 2rem; 1374 } 1375 } 1376 .title{ 1377 color: @white; 1378 font-size: 50px; 1379 font-weight: bold; 1380 position: relative; 1381 margin-bottom: 0; 1382 @media (max-width:768px){ 1383 font-size: 20px; 1384 } 1385 .text-wrapper { 1386 position: relative; 1387 display: inline-block; 1388 padding-top: 0.2em; 1389 padding-right: 0.05em; 1390 padding-bottom: 0.1em; 1391 overflow: hidden; 1392 } 1393 .anime-letter { 1394 display: inline-block; 1395 line-height: 1em; 1396 } 1397 } 1398 .subtitle{ 1399 color: @white; 1400 font-size: 20px; 1401 line-height: 2; 1402 margin: 30px 0; 1403 @media (max-width:768px){ 1404 font-size: 14px; 1405 max-width: 80%; 1406 margin: 20px auto; 1407 } 1408 } 1409 } 1410 } 1411 } 1412 .swiper-pagination-bullet-active { 1413 background: #fff; 1414 } 1415 .swiper-button-prev, .swiper-button-next { 1416 /* font-size: 44px; */ 1417 @media (max-width:768px){ 1418 background-size: 14px 44px; 1419 } 1420 } 1421 .swiper-button-prev { 1422 @media (max-width:768px){ 1423 left: 0; 1424 } 1425 } 1426 .swiper-button-next { 1427 @media (max-width:768px){ 1428 right: 0; 1429 } 1430 } 1431 } 1432</style> 1433<div id="lunbotu_3"> 1434 1435 1436 1437 1438 1439 1440 1441 <div id="yqmu3nlz4f" component="3_focus.js" data="{'isAuto':true,'intervalTime':3000,'items':[{'src':'//cdn.xuansiwei.com/d0820dck8635/1692792977349/720.png?x-oss-process=style/webp','href':'/product_29827.html','sortIndex':'4','text1':'','text2':''},{'src':'//cdn.xuansiwei.com/d0820dck8635/1692792977488/cjd.png?x-oss-process=style/webp','href':'/product_29832.html','sortIndex':'5','text1':'','text2':''},{'src':'//cdn.xuansiwei.com/d0820dck8635/1692792977582/xh300s.png?x-oss-process=style/webp','href':'/product_29845.html','sortIndex':'2','text1':'','text2':''},{'src':'//cdn.xuansiwei.com/d0820dck8635/1692792977934/xhr.png?x-oss-process=style/webp','href':'/product_29829.html','sortIndex':'3','text1':'','text2':'ã'},{'src':'//cdn.xuansiwei.com/d0820dck8635/1693208065274/gongsijianjie.png?x-oss-process=style/webp','href':'/guanyuwomen.html','sortIndex':'1','text1':'','text2':''}],'width':'100%','height':'600px','suggestRatio':'1920 * 600','showPic':false}"> 1442 1443 1444 <div id="yqmu3nlz4f" class="swiper-container"> 1445 1446 <div id="yqmu3nlz4f" class="swiper-wrapper"> 1447 1448 <a href="/guanyuwomen.html" class="swiper-slide" style="background-image:url('//cdn.xuansiwei.com/d0820dck8635/1693208065274/gongsijianjie.png?x-oss-process=style/webp')"> 1449 <div id="yqmu3nlz4f" class="container"> 1450 1451 1452 1453 </div> 1454 </a> 1455<a href="/product_29845.html" class="swiper-slide" style="background-image:url('//cdn.xuansiwei.com/d0820dck8635/1692792977582/xh300s.png?x-oss-process=style/webp')"> 1456 <div id="yqmu3nlz4f" class="container"> 1457 1458 1459 1460 </div> 1461 </a> 1462<a href="/product_29829.html" class="swiper-slide" style="background-image:url('//cdn.xuansiwei.com/d0820dck8635/1692792977934/xhr.png?x-oss-process=style/webp')"> 1463 <div id="yqmu3nlz4f" class="container"> 1464 1465 <h6 class="subtitle">ã</h6> 1466 1467 </div> 1468 </a> 1469<a href="/product_29827.html" class="swiper-slide" style="background-image:url('//cdn.xuansiwei.com/d0820dck8635/1692792977349/720.png?x-oss-process=style/webp')"> 1470 <div id="yqmu3nlz4f" class="container"> 1471 1472 1473 1474 </div> 1475 </a> 1476<a href="/product_29832.html" class="swiper-slide" style="background-image:url('//cdn.xuansiwei.com/d0820dck8635/1692792977488/cjd.png?x-oss-process=style/webp')"> 1477 <div id="yqmu3nlz4f" class="container"> 1478 1479 1480 1481 </div> 1482 </a> 1483 </div> 1484 1485 <div id="yqmu3nlz4f" class="swiper-pagination swiper-button-white"></div> 1486 1487 1488 <div id="yqmu3nlz4f" class="swiper-button-next swiper-button-white"></div> 1489 <div id="yqmu3nlz4f" class="swiper-button-prev swiper-button-white"></div> 1490 1491 1492 </div> 1493 1494 </div> 1495 1496 1497 1498 1499 1500 1501 1502</div>
1503<script> 1504 (function() { 1505 var elementSwiper = '#lunbotu_3'; 1506 var swiper = new Swiper(elementSwiper + ' .swiper-container', { 1507 autoplay: $(elementSwiper).find('.anime-letters').text() ? false : { 1508 delay: 3500, //3ç§åæ¢ä¸æ¬¡ 1509 disableOnInteraction: false 1510 }, 1511 navigation: { 1512 nextEl: elementSwiper + ' .swiper-button-next', 1513 prevEl: elementSwiper + ' .swiper-button-prev', 1514 }, 1515 pagination: { 1516 el: elementSwiper + ' .swiper-pagination', 1517 clickable: true, 1518 }, 1519 effect: 'fade', 1520 fadeEffect: { 1521 crossFade: true, 1522 }, 1523 loop: true, 1524 }); 1525 1526 1527 // æ é¢å¨ç»ææ 1528 function runAnime() { 1529 var elem = $(elementSwiper + ' .swiper-slide-active'); 1530 var titleSelector = $(elem).find('.anime-letters'); 1531 if ($(titleSelector).text()) { 1532 if (!$(titleSelector).children().hasClass('anime-letter')) { 1533 $(titleSelector).html($(titleSelector).text().replace(/\S/g, "<span class='anime-letter'>$&</span>")); 1534 } else { 1535 $(titleSelector).css('opacity', 1); 1536 } 1537 1538 anime.timeline({}) 1539 .add({ 1540 targets: $(elem).find('.anime-letters .anime-letter').get(), 1541 translateY: ["1.1em", 0], 1542 translateZ: 0, 1543 duration: 750, 1544 delay: (el, i) => 50 * i 1545 }) 1546 .add({ 1547 targets: titleSelector.get(), 1548 opacity: 0, 1549 duration: 1000, 1550 easing: "easeOutExpo", 1551 delay: 1000 1552 }) 1553 .finished.then(function() { 1554 swiper.slideNext(); // å¨ç»ç»æååæ¢è½®æå¾ 1555 runAnime(); 1556 }) 1557 } else { 1558 1559 } 1560 } 1561 runAnime(); 1562 1563 1564 })() 1565</script>
1565 1566 </div> 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 <div id="yqmu3nlz4f" component="chanpinliebiao_16.html"> 1583 <style type="text/less"> 1584 #chanpinliebiao_16 { 1585 .level { 1586 margin-bottom: @section-bottom; 1587 display: flex; 1588 flex-direction: column; 1589 @media (max-width: 768px) { 1590 margin-bottom: @section-mobile-bottom; 1591 display: block; 1592 1593 } 1594 } 1595 .title-block { 1596 margin-bottom: @section-bottom; 1597 @media (max-width: 768px) { 1598 margin-bottom: @section-mobile-bottom; 1599 text-align: center; 1600 } 1601 .title { 1602 font-size: 28px; 1603 font-weight: normal; 1604 line-height: 1.5; 1605 @media (max-width: 768px) { 1606 font-size: 18px; 1607 } 1608 } 1609 .subtitle { 1610 line-height: 1.5; 1611 color: rgba(0, 0, 0, 0.45); 1612 font-family: Arial; 1613 font-size: 16px; 1614 @media (max-width: 768px) { 1615 font-size: 12px; 1616 } 1617 } 1618 } 1619 .tabs { 1620 margin-bottom: @section-bottom; 1621 position: relative; 1622 @media (max-width: 768px) { 1623 margin-bottom: @section-mobile-bottom; 1624 &.has-scroll::after { 1625 content: ''; 1626 background-color: rgba(244, 245, 246, 0.8); 1627 width: 5px; 1628 height: 100%; 1629 right: 0; 1630 position: absolute; 1631 } 1632 } 1633 li:not(:last-child) { 1634 margin-right: @gap-size * 2; 1635 @media (max-width: 768px) { 1636 margin-right: @gap-size; 1637 } 1638 } 1639 a { 1640 border-radius: unset; 1641 padding: @gap-size @gap-size * 3; 1642 @media (max-width: 768px) { 1643 padding: @gap-size * 0.5 @gap-size; 1644 font-size: 12px; 1645 } 1646 } 1647 .is-active { 1648 a { 1649 border-bottom-color: @primary-color; 1650 color: @white; 1651 background-color: @primary-color; 1652 border-color: @primary-color; 1653 1654 } 1655 } 1656 } 1657 .service-tabs { 1658 justify-content: center; 1659 } 1660 .product-item{ 1661 .content { 1662 color: @black; 1663 text-align: center; 1664 font-size: 0; 1665 .image{ 1666 overflow: hidden; 1667 background-color: #f2f2f2; 1668 &:hover{ 1669 img{ 1670 transition: .8s; 1671 opacity: .8; 1672 transform:scale(1.1); 1673 } 1674 } 1675 } 1676 .title { 1677 text-align: center; 1678 font-size: 14px; 1679 line-height: 1.5; 1680 padding: @gap-size * 2 0; 1681 margin-bottom: 0; 1682 color: #333; 1683 .ellipsis(); 1684 } 1685 } 1686 } 1687 .index-more { 1688 margin-top: @section-top; 1689 @media (max-width: 768px) { 1690 margin-top: @section-mobile-top; 1691 } 1692 a { 1693 color: @primary-color; 1694 border: 1px solid @primary-color; 1695 padding: @gap-size @gap-size * 4; 1696 } 1697 } 1698 } 1699</style> 1700<div id="chanpinliebiao_16" class="section"> 1701 <div id="yqmu3nlz4f" class="container"> 1702 1703 1704 1705 1706 1707 1708 1709 <div id="yqmu3nlz4f" component="16_products.js" data="{ 1710 'show_size': 4, 1711 'show_pre_page': 4, 1712 'image_ratio': 0.84, 1713 'object_fit': 'contain' 1714 }"> 1715 1716 <div id="yqmu3nlz4f" class="level" style=""> 1717 <div id="yqmu3nlz4f" class="level-left"> 1718 <div id="yqmu3nlz4f" class="title-block">
1719 <span class="title is-spaced wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1">产åå±ç¤º</span> 1720 1721 </div> 1722 </div> 1723 <div id="yqmu3nlz4f" class="level-right"> 1724 <div id="yqmu3nlz4f" class="tabs is-toggle"> 1725 <ul class="service-tabs"> 1726 1727 <li class="is-active"> 1728 <a href="javascript:;">ä¸ç½åæ å°å·æº</a> 1729 </li> 1730 1731 1732 <li class=""> 1733 <a href="javascript:;">ææ§çåæ å°å·æº</a> 1734 </li> 1735 1736 1737 <li class=""> 1738 <a href="javascript:;">è½®è½¬åæ å°å·æº</a> 1739 </li> 1740 1741 1742 <li class=""> 1743 <a href="javascript:;">ç转å°ä¸ç½å°å·æº</a> 1744 </li> 1745 1746 1747 <li class=""> 1748 <a href="javascript:;">åæ åææº</a> 1749 </li> 1750 1751 1752 <li class=""> 1753 <a href="javascript:;">åæ åªææº</a> 1754 </li> 1755 1756 1757 <li class=""> 1758 <a href="javascript:;">è¾ æº</a> 1759 </li> 1760 1761 </ul> 1762 </div> 1763 </div> 1764 </div> 1765 1766 <div id="yqmu3nlz4f" class="service-section"> 1767 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_0"> 1768 1769 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39287.html"> 1770 <div id="yqmu3nlz4f" class="content"> 1771 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1772 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482235399/xh300.png?x-oss-process=style/png_small" alt="XH-300S" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1773 </div> 1774 <div id="yqmu3nlz4f" class="title">XH-300S</div> 1775 </div> 1776 </a> 1777 1778 1779 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39288.html"> 1780 <div id="yqmu3nlz4f" class="content"> 1781 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1782 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482350126/xhsw200.png?x-oss-process=style/png_small" alt="XHSW-200" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1783 </div> 1784 <div id="yqmu3nlz4f" class="title">XHSW-200</div> 1785 </div> 1786 </a> 1787 1788 1789 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39289.html"> 1790 <div id="yqmu3nlz4f" class="content"> 1791 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1792 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482587290/xh300tj.png?x-oss-process=style/png_small" alt="XH300TJ" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1793 </div> 1794 <div id="yqmu3nlz4f" class="title">XH300TJ</div> 1795 </div> 1796 </a> 1797 1798 </div> 1799 1800 </div> 1801 1802 1803 <div id="yqmu3nlz4f" class="service-section" style="display: none"> 1804 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_1"> 1805 1806 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39349.html"> 1807 <div id="yqmu3nlz4f" class="content"> 1808 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1809 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482938513/xhr.png?x-oss-process=style/png_small" alt="XHR" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1810 </div> 1811 <div id="yqmu3nlz4f" class="title">XHR</div> 1812 </div> 1813 </a> 1814 1815 1816 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39350.html"> 1817 <div id="yqmu3nlz4f" class="content"> 1818 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1819 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694483218151/xhrq.png?x-oss-process=style/png_small" alt="XHRQ" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1820 </div> 1821 <div id="yqmu3nlz4f" class="title">XHRQ</div> 1822 </div> 1823 </a> 1824 1825 </div> 1826 1827 </div> 1828 1829 1830 <div id="yqmu3nlz4f" class="service-section" style="display: none"> 1831 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_2"> 1832 1833 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39352.html"> 1834 <div id="yqmu3nlz4f" class="content"> 1835 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1836 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694483328109/xh.png?x-oss-process=style/png_small" alt="XH" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1837 </div> 1838 <div id="yqmu3nlz4f" class="title">XH</div> 1839 </div> 1840 </a> 1841 1842 </div> 1843 1844 </div> 1845 1846 1847 <div id="yqmu3nlz4f" class="service-section" style="display: none"> 1848 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_3"> 1849 1850 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39351.html"> 1851 <div id="yqmu3nlz4f" class="content"> 1852 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1853 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694483245889/gst720.png?x-oss-process=style/png_small" alt="GST720" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1854 </div> 1855 <div id="yqmu3nlz4f" class="title">GST720</div> 1856 </div> 1857 </a> 1858 1859 </div> 1860 1861 </div> 1862 1863 1864 <div id="yqmu3nlz4f" class="service-section" style="display: none"> 1865 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_4"> 1866 1867 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39334.html"> 1868 <div id="yqmu3nlz4f" class="content"> 1869 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1870 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482739803/cqd90.png?x-oss-process=style/png_small" alt="CQD-90G" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1871 </div> 1872 <div id="yqmu3nlz4f" class="title">CQD-90G</div> 1873 </div> 1874 </a> 1875 1876 1877 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39290.html"> 1878 <div id="yqmu3nlz4f" class="content"> 1879 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1880 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482672679/rqd100.png?x-oss-process=style/png_small" alt="RQD-100" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1881 </div> 1882 <div id="yqmu3nlz4f" class="title">RQD-100</div> 1883 </div> 1884 </a> 1885 1886 </div> 1887 1888 </div> 1889 1890 1891 <div id="yqmu3nlz4f" class="service-section" style="display: none"> 1892 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_5"> 1893 1894 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39348.html"> 1895 <div id="yqmu3nlz4f" class="content"> 1896 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1897 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482871705/jz.png?x-oss-process=style/png_small" alt="JZ-70 JZ-70Y JZ-70A JZ-70B" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1898 </div> 1899 <div id="yqmu3nlz4f" class="title">JZ-70 JZ-70Y JZ-70A JZ-70B</div> 1900 </div> 1901 </a> 1902 1903 1904 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39347.html"> 1905 <div id="yqmu3nlz4f" class="content"> 1906 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1907 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694482827873/cjd.png?x-oss-process=style/png_small" alt="CJD-80A CJD-80Y" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1908 </div> 1909 <div id="yqmu3nlz4f" class="title">CJD-80A CJD-80Y</div> 1910 </div> 1911 </a> 1912 1913 </div> 1914 1915 </div> 1916 1917 1918 <div id="yqmu3nlz4f" class="service-section" style="display: none"> 1919 <div id="yqmu3nlz4f" class="columns is-multiline is-mobile products products_6"> 1920 1921 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39355.html"> 1922 <div id="yqmu3nlz4f" class="content"> 1923 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1924 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694483466917/xhg1.png?x-oss-process=style/png_small" alt="XHG-1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1925 </div> 1926 <div id="yqmu3nlz4f" class="title">XHG-1</div> 1927 </div> 1928 </a> 1929 1930 1931 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39353.html"> 1932 <div id="yqmu3nlz4f" class="content"> 1933 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1934 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694483379848/ygr.png?x-oss-process=style/png_small" alt="YGR-400/YGR-600 YGR-400W/YGR-600W" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1935 </div> 1936 <div id="yqmu3nlz4f" class="title">
1936YGR-400/YGR-600 YGR-400W/YGR-600W</div> 1937 </div> 1938 </a> 1939 1940 1941 <a class="column is-3-tablet is-6-mobile product-item" href="/product_39354.html"> 1942 <div id="yqmu3nlz4f" class="content"> 1943 <div id="yqmu3nlz4f" class="image is-4by3" style="padding-top: 84%;"> 1944 <img data-src="//cdn.xuansiwei.com/d0820dck8635/1694483429954/yg.png?x-oss-process=style/png_small" alt="YG-400 /YG-600" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" style="object-fit: contain;" loading="lazy"> 1945 </div> 1946 <div id="yqmu3nlz4f" class="title">YG-400 /YG-600</div> 1947 </div> 1948 </a> 1949 1950 </div> 1951 1952 </div> 1953 1954 1955 </div> 1956 1957 1958 1959 1960 1961 1962 1963 <div id="yqmu3nlz4f" class="has-text-centered index-more"> 1964 <a class="button is-outlined" href="chanpinzhanshi.html">æ´å¤äº§å</a> 1965 </div> 1966 </div> 1967</div>
1968<script> 1969 var chanpinliebiao_selector = '#chanpinliebiao_16'; 1970 $(chanpinliebiao_selector + ' .service-section').hide(); 1971 $($(chanpinliebiao_selector + ' .service-section')[0]).show(); 1972 $(chanpinliebiao_selector + ' .service-tabs li').click(function() { 1973 $(chanpinliebiao_selector + ' .service-tabs li').removeClass('is-active'); 1974 $(this).addClass('is-active'); 1975 $(chanpinliebiao_selector + ' .service-section').hide(); 1976 $($(chanpinliebiao_selector + ' .service-section')[$(this).index()]).fadeIn(); 1977 }); 1978 if (screen.availWidth < 768) { 1979 if ($(chanpinliebiao_selector + ' .tabs')[0].scrollWidth > $(chanpinliebiao_selector + ' .tabs')[0].clientWidth) { 1980 $(chanpinliebiao_selector + ' .tabs').addClass('has-scroll'); 1981 } 1982 $(chanpinliebiao_selector + ' .tabs').on('scroll', function() { 1983 if ($(this)[0].scrollLeft > 0) { 1984 $(this).removeClass('has-scroll') 1985 } else { 1986 $(this).addClass('has-scroll') 1987 } 1988 }) 1989 } 1990</script>
1990 1991 </div> 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 <div id="yqmu3nlz4f" component="index_advantage.html"> 2008 <style type="text/less"> 2009 #gongsiyousi { 2010 background: url('//cdn.xuansiwei.com/d0820dck/1574402285365/xinbanner3(1).jpg?x-oss-process=style/small'); 2011 background: #e30000; 2012 .title { 2013 color: @white; 2014 @media (max-width: 768px) { 2015 font-size: 20px; 2016 } 2017 } 2018 .subtitle { 2019 color: @white; 2020 } 2021 .item { 2022 text-align: center; 2023 @media (max-width: 768px) { 2024 border: 1px solid @white; 2025 padding: @gap-size * 2; 2026 } 2027 img { 2028 max-width: 64px; 2029 @media (max-width: 768px) { 2030 max-width: 48px; 2031 } 2032 } 2033 .title { 2034 font-size: 18px; 2035 margin: @gap-size * 2 0; 2036 @media (max-width: 768px) { 2037 font-size: 16px; 2038 } 2039 } 2040 .subtitle { 2041 font-size: 14px; 2042 line-height: 1.5; 2043 margin-bottom: 0; 2044 @media (max-width: 768px) { 2045 font-size: 12px; 2046 } 2047 } 2048 } 2049 } 2050</style> 2051<div id="gongsiyousi" class="section"> 2052 <div id="yqmu3nlz4f" class="container"> 2053 <div id="yqmu3nlz4f" class="title-block-1"> 2054 <h1 class="title is-spaced wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1">åå¤§æ ¸å¿ä¼å¿</h1> 2055 2056 </div> 2057 <div id="yqmu3nlz4f" class="columns is-mobile is-multiline is-centered"> 2058 <div id="yqmu3nlz4f" class="column is-2-desktop is-6-mobile wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"> 2059 <div id="yqmu3nlz4f" class="item"> 2060 <img src="//cdn.xuansiwei.com/d0820dck/1574402401544/xinicon5.png?x-oss-process=style/small" alt="" loading="lazy"> 2061 <h6 class="title is-spaced">30å¹´åç</h6> 2062 <h6 class="subtitle">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2063æ¯ä¸å®¶æä¸åå¹´åå±åå²ï¼å ·æç¬ç«è®¾è®¡ãå¶é åé宿å¡è½åçç»¼åæ§å®ä½ä¼ä¸ã</h6> 2064 </div> 2065 </div> 2066 <div id="yqmu3nlz4f" class="column is-2-desktop is-6-mobile wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" data-wow-offset="0" data-wow-iteration="1"> 2067 <div id="yqmu3nlz4f" class="item"> 2068 <img src="//cdn.xuansiwei.com/d0820dck/1574402401528/xinicon4.png?x-oss-process=style/small" alt="" loading="lazy"> 2069 <h6 class="title is-spaced">äºå¤§ç³»å</h6> 2070 <h6 class="subtitle">æ°æ²ªäº§å广æ³åºç¨äºå è£ è£ æ½¢ãæè£ åæ ãå»çãé£åçè¡ä¸çæ ç¾å°å·åå¶ä½ï¼äº§åæ¶µçäºå¤§ç³»åï¼ååå 个åç§ã</h6> 2071 </div> 2072 </div> 2073 <div id="yqmu3nlz4f" class="column is-2-desktop is-6-mobile wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.75s" data-wow-offset="0" data-wow-iteration="1"> 2074 <div id="yqmu3nlz4f" class="item"> 2075 <img src="//cdn.xuansiwei.com/d0820dck/1574402401491/xinicon1.png?x-oss-process=style/small" alt="" loading="lazy"> 2076 <h6 class="title is-spaced">éå¾å ¨ç</h6> 2077 <h6 class="subtitle">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2078产åå·²è¦çæè£ å°å·åæ çå个é¢åãå ¬å¸å ·ææ´å设å¤è¾åºçè½åï¼äº§åé¤å¨ä¸å½éå®å¤ï¼å·²åå«å¨åç¾ãä¸äºãä¸äºãåäºåä¸ä¸çæè£ å å·¥å½ä¸å¹¿æ³ä½¿ç¨ã</h6> 2079 </div> 2080 </div> 2081 <div id="yqmu3nlz4f" class="column is-2-desktop is-6-mobile wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s" data-wow-offset="0" data-wow-iteration="1"> 2082 <div id="yqmu3nlz4f" class="item"> 2083 <img src="//cdn.xuansiwei.com/d0820dck/1574402401510/xinicon3.png?x-oss-process=style/small" alt="" loading="lazy"> 2084 <h6 class="title is-spaced">æ§ä»·æ¯</h6> 2085 <h6 class="subtitle">æä»¬çäº§çæºæ¢°å¸åºæ§ä»·æ¯è¾é«ï¼ èµ¢å¾å¹¿å¤§å®¢æ·å许</h6> 2086 </div> 2087 </div> 2088 </div> 2089 </div> 2090 2091</div> 2092 </div> 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 <div id="yqmu3nlz4f" component="intro.html"> 2109 <style type="text/less"> 2110 #gongsijieshao{ 2111 .title-block-1{ 2112 @media(max-width: 768px){ 2113 margin-bottom: 1rem; 2114 } 2115 .title{ 2116 font-size: 28px; 2117 font-weight: normal; 2118 @media (max-width: 768px){ 2119 font-size: 22px; 2120 } 2121 } 2122 .subtitle{ 2123 font-size: 14px; 2124 } 2125 } 2126 2127 p{ 2128 font-size: 14px; 2129 text-indent: 0; 2130 .multi-ellipsis(8); 2131 } 2132 .more { 2133 margin-top: @gap-size * 8; 2134 @media (max-width: 768px){ 2135 text-align: left; 2136 margin-top: @gap-size * 4; 2137 } 2138 a{ 2139 color: @primary-color; 2140 border: 1px solid @primary-color; 2141 padding:8px 32px; 2142 @media (max-width: 768px){ 2143 padding:8px 64px; 2144 } 2145 } 2146 } 2147 } 2148</style> 2149<div id="gongsijieshao" class="section"> 2150 <div id="yqmu3nlz4f" class="container"> 2151 <div id="yqmu3nlz4f" class="columns is-centered is-vcentered"> 2152 <div id="yqmu3nlz4f" class="column is-6"> 2153 <figure class="image"> 2154 <img src="//cdn.xuansiwei.com/d0820dck8635/1692793070771/chanpintupian1.PNG" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2155"> 2156 </figure> 2157 </div> 2158 <div id="yqmu3nlz4f" class="column is-6 is-12-mobile text"> 2159 <div id="yqmu3nlz4f" class="title-block-1 has-text-centered-mobile">
2160 <span class="title">å ³äºæä»¬</span> 2161 2162 </div> 2163 <p dynamic-var="config['å ¬å ±']['å ¬å¸ç®ä»']">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2164æ¯ä¸å®¶æä¸åå¹´åå±åå²ï¼å ·æç¬ç«è®¾è®¡ã å¶é åé宿å¡è½åçç»¼åæ§å®ä½ä¼ä¸ã产å广æ³åºç¨äºå è£ è£ æ½¢ãæè£ åæ ãå»çãé£åçè¡ä¸çæ ç¾å°å·åå¶ä½ï¼äº§åæ¶µçäºå¤§ç³»åï¼ååå 个åç§ã<br><br>ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2165产åå·²è¦çæè£ å°å·åæ çå个é¢åãå ¬å¸å ·ææ´å设å¤è¾åºçè½åï¼äº§åé¤å¨ä¸å½éå®å¤ï¼å·²åå«å¨åç¾ãä¸äºãä¸äºãåäºåä¸ä¸çæè£ å å·¥å½ä¸å¹¿æ³ä½¿ç¨ãæä»¬çç»éªå¯¹æé«æ¨äº§åçåè´¨åç产æç伿叮å©ï¼æä»¬æ¬¢è¿æ¨çæ¥çµæ¥å½ï¼ä½¿æä»¬ææºä¼ä¸ºæ¨æå¡ï¼<br><br></p> 2166 <div id="yqmu3nlz4f" class="more has-text-centered-mobile"> 2167 <a href="guanyuwomen.html">æ¥çæ´å¤</a> 2168 </div> 2169 </div> 2170 </div> 2171 </div> 2172</div> 2173 </div> 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 <div id="yqmu3nlz4f" component="index_articles.html"> 2190 <style type="text/less"> 2191 #xinwenliebiao1 { 2192 background:url('//cdn.xuansiwei.com/d0820dck/1574411941772/xinbanner6.jpg?x-oss-process=style/small') center top no-repeat; 2193 2194 .xinwen-item { 2195 text-align: center; 2196 .title { 2197 color: #666; 2198 font-size: 18px; 2199 text-align: left; 2200 font-weight: normal; 2201 line-height: 2; 2202 padding: 0 @gap-size; 2203 .ellipsis(); 2204 @media (max-width: 768px) { 2205 font-size: 16px; 2206 } 2207 } 2208 .subtitle { 2209 color: #999; 2210 font-size: 12px; 2211 line-height: 1.5; 2212 .multi-ellipsis(); 2213 2214 } 2215 .button { 2216 background: @primary-color; 2217 color: #fff; 2218 padding: 2 * @gap-size 4 * @gap-size; 2219 margin-bottom: 1.5rem; 2220 @media (max-width: 768px) { 2221 font-size: 12px; 2222 padding: @gap-size 2 * @gap-size; 2223 } 2224 } 2225 } 2226 2227 .new{ 2228 padding: .75rem; 2229 li{ 2230 display: flex; 2231 .newDate{ 2232 border-right: 1px solid #ddd; 2233 padding-right: 1rem; 2234 position: relative; 2235 text-align:center; 2236 span{ 2237 font-size: 18px; 2238 color: #333333; 2239 @media (max-width: 768px){ 2240 font-size: 15px; 2241 } 2242 &:before{ 2243 content: ''; 2244 display: block; 2245 width: 14px; 2246 height: 14px; 2247 border-radius: 10px; 2248 position: absolute; 2249 top: 4px; 2250 right: -8px; 2251 background-color: #ddd; 2252 } 2253 } 2254 } 2255 .newTitle { 2256 padding-left: 2rem; 2257 padding-bottom: 2rem; 2258 h3{ 2259 .ellipsis(); 2260 font-size: 18px; 2261 color: #333333; 2262 } 2263 h4{ 2264 .multi-ellipsis(); 2265 font-size:14px; 2266 color: #999999; 2267 } 2268 } 2269 } 2270 } 2271 .index-more { 2272 margin-top: @section-top; 2273 @media (max-width: 768px) { 2274 margin-top: @section-mobile-top; 2275 } 2276 a { 2277 color: @primary-color; 2278 border: 1px solid @primary-color; 2279 padding: @gap-size @gap-size * 4; 2280 } 2281 } 2282 } 2283</style> 2284<div id="xinwenliebiao1" class="section"> 2285 <div id="yqmu3nlz4f" class="container"> 2286 <div id="yqmu3nlz4f" class="title-block-1 has-text-centered-mobile" style="text-align: center;">
2287 <span class="title is-spaced wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1">å®¢æ·æ¡ä¾</span> 2288 2289 </div> 2290 2291 2292 <a href="article_7136.html" style="text-align: center;"> 2293 <div id="yqmu3nlz4f" class="" style="margin: auto;width: 100%;"> 2294 <img src="//cdn.xuansiwei.com/d0820dck8635/1692795067832/qiyeweixinjietu_16927950492915.png?x-oss-process=style/png_small" alt="" loading="lazy"> 2295 </div> 2296 </a> 2297 2298 2299 2300 2301 2302 <div id="yqmu3nlz4f" class="has-text-centered index-more"> 2303 <a class="button is-outlined" href="article_7136.html">æ¥ç详æ </a> 2304 </div> 2305 </div> 2306</div> 2307 2308 </div> 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 <div id="yqmu3nlz4f" component="footer.html"> 2327 <style type="text/less"> 2328 #gongyongdibu { 2329 background: #212121; 2330 .title { 2331 color: #fff; 2332 font-size: 20px; 2333 letter-spacing: 2px; 2334 } 2335 .subtitle { 2336 color: #bfbfbf; 2337 font-size: @font-size-base; 2338 i { 2339 padding-right: @gap-size; 2340 } 2341 } 2342 hr { 2343 width: 3em; 2344 background-color: @primary-color; 2345 } 2346 p{ 2347 color: #bfbfbf; 2348 font-size: 14px; 2349 text-indent: 0; 2350 } 2351 } 2352 .copyright { 2353 text-align: center; 2354 font-size: 16px; 2355 line-height: 3; 2356 color: #fff; 2357 background: #000; 2358 @media (max-width: 768px) { 2359 font-size: 14px; 2360 } 2361 a { 2362 color: inherit; 2363 } 2364 } 2365</style> 2366<div id="gongyongdibu" class="is-hidden-mobile"> 2367 <div id="yqmu3nlz4f" class="section"> 2368 <div id="yqmu3nlz4f" class="footer-intro container"> 2369 <div id="yqmu3nlz4f" class="columns"> 2370 <div id="yqmu3nlz4f" class="column is-4"> 2371 <h1 class="title" dynamic-var="config['å ¬å ±']['å ¬å¸åç§°']">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2372</h1> 2373 <hr> 2374 2375 2376 </div> 2377 <div id="yqmu3nlz4f" class="column is-4"> 2378 <h1 class="title">èç³»æ¹å¼</h1> 2379 <hr> 2380 <ul> 2381 <li class="subtitle"><i class="fa fa-phone"></i><span>çµè¯ï¼</span><span dynamic-var="config['å ¬å ±']['å ¬å¸çµè¯']">+86 21 69176563丨69176593</span></li> 2382 <li class="subtitle"><i class="fa fa-phone"></i><span>ææº(å¾®ä¿¡åæ¥)ï¼</span><span>13918247874</span></li> 2383 <li class="subtitle"><i class="fa fa-envelope-o"></i><span>Emailï¼</span><span dynamic-var="config['å ¬å ±']['å ¬å¸é®ç®±']">[email protected]</span></li> 2384 <li class="subtitle"><i class="fa fa-map-marker"></i><span>å°åï¼</span><span dynamic-var="config['å ¬å ±']['å ¬å¸å°å']">䏿µ·å¸å¥è´¤åºåºè¯è·¯1418å·</span></li> 2385 </ul> 2386 </div> 2387 2388 <div id="yqmu3nlz4f" class="column is-4"> 2389 <h1 class="title">å¯¼èªæ </h1> 2390 <hr> 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 <div id="yqmu3nlz4f" component="footer_menus.js"> 2406 2407 <ul> 2408 2409 <li><a href="/index.html" class="subtitle">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼</a></li> 2410 2411 2412 <li><a href="/guanyuwomen.html" class="subtitle">å ³äºæä»¬</a></li> 2413 2414 2415 <li><a href="/article_7136.html" class="subtitle">å®¢æ·æ¡ä¾</a></li> 2416 2417 2418 <li><a href="/chanpinzhanshi.html" class="subtitle">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2419</a></li> 2420 2421 2422 <li><a href="/lianxiwomen.html" class="subtitle">èç³»æä»¬</a></li> 2423 2424 2425 <li><a href="/en/index.html" class="subtitle">English</a></li> 2426 2427 </ul> 2428 2429 </div> 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 </div> 2445 </div> 2446 </div> 2447 </div> 2448</div> 2449<div id="yqmu3nlz4f" class="copyright"> 2450 <span>©</span> <span dynamic-var="config['å ¬å ±']['å ¬å¸åç§°']">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 2451</span> <span>çæææ</span> <a style="display: none;" href="//beian.miit.gov.cn/" dynamic-var="config['å ¬å ±']['夿¡å·']" class="beian-num"></a> 2452</div> 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 <div id="yqmu3nlz4f" component="online_1.html"> 2468 <style type="text/less"> 2469 #online_1 { 2470 /*使ç¨ç»ä»¶å° --position ç弿¹ä¸º fixed*/ 2471 --position: fixed; 2472 .online-show { 2473 position: var(--position); 2474 right: 0; 2475 top: calc(50% - 74px); 2476 z-index: 1001; 2477 background-color: @primary-color; 2478 color: #fff; 2479 display: flex; 2480 align-items: center; 2481 flex-direction: column; 2482 width: 26px; 2483 padding: @gap-size; 2484 border-top-left-radius: @gap-size; 2485 border-bottom-left-radius: @gap-size; 2486 transition: right 500ms; 2487 p { 2488 text-indent: 0; 2489 font-size: 14px; 2490 line-height: 1.5; 2491 padding: @gap-size 0; 2492 max-width: 100%; 2493 word-break: break-word; 2494 text-transform: uppercase; 2495 text-align: center; 2496 } 2497 } 2498 .online-content { 2499 position: var(--position); 2500 top: calc(50% - 74px); 2501 z-index: 1000; 2502 right: -100vw; 2503 transition: right 500ms; 2504 .box{ 2505 padding: @gap-size * 2; 2506 border: 2px solid @primary-color; 2507 .content { 2508 p { 2509 text-indent: 0; 2510 margin: 0; 2511 font-size: 14px; 2512 &.is-flex { 2513 align-items: center; 2514 } 2515 } 2516 p:not(:last-child) { 2517 padding-bottom: @gap-size; 2518 } 2519 .icon { 2520 width: auto; 2521 } 2522 } 2523 } 2524 } 2525 .online-mobile { 2526 position: var(--position); 2527 right: 0; 2528 bottom: 50px; 2529 z-index: 999; 2530 .content { 2531 display: flex; 2532 flex-direction: column; 2533 i { 2534 width: 40px; 2535 height: 40px; 2536 line-height: 40px; 2537 text-align: center; 2538 font-size: 20px; 2539 background: rgba(31, 31, 31, 0.65); 2540 color: #fff; 2541 border-radius: 50%; 2542 margin: @gap-size @gap-size 0 0; 2543 cursor: pointer; 2544 } 2545 } 2546 } 2547 .wechat-num-copy-modal {
2548 .modal-content { 2549 background: rgb(255, 255, 255); 2550 width: 238px; 2551 padding-top: 20px; 2552 text-align: center; 2553 img { 2554 margin-bottom: 10px; 2555 } 2556 .title { 2557 font-size: 14px; 2558 margin: 0; 2559 padding: 0; 2560 } 2561 .subtitle { 2562 color: rgb(153, 153, 153); 2563 font-size: 12px; 2564 line-height: 17px; 2565 margin-top: 3px; 2566 padding-bottom: 0; 2567 margin-bottom: 0; 2568 } 2569 .is-ok { 2570 color: rgb(51, 132, 227); 2571 padding: 9px 0px; 2572 margin: 12px 12px 0px; 2573 border-top: 1px solid rgb(236, 236, 236); 2574 } 2575 } 2576 2577 } 2578 } 2579</style> 2580 2581<div id="online_1"> 2582 <div id="yqmu3nlz4f" class="online-show is-hidden-mobile"> 2583 <i class="fa fa-user"></i> 2584 <p>èç³»æä»¬</p> 2585 <i class="fa fa-caret-left"></i> 2586 </div> 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 <div id="yqmu3nlz4f" component="1_online.js"> 2604 2605 <div id="yqmu3nlz4f" class="online-content is-hidden-mobile"> 2606 <div id="yqmu3nlz4f" class=" box"> 2607 <article class="media"> 2608 <div id="yqmu3nlz4f" class="media-content"> 2609 <div id="yqmu3nlz4f" class="content"> 2610 2611 2612 <p><span><i class="fa fa-phone"></i> çµè¯ï¼</span><span>+86 21 69176563丨69176593</span></p> 2613 <p><span><i class="fa fa-mobile"></i> ææºï¼</span><span>+86 13918247874</span></p> 2614 <p><span><i class="fa fa-envelope-o"></i> é®ç®±ï¼</span><span>[email protected]</span></p> 2615 <p><span><i class="fa fa-phone"></i> ä¼ çï¼021-69171048</span><span></span></p> 2616 2617 </div> 2618 </div> 2619 </article> 2620 </div> 2621 </div> 2622 <div id="yqmu3nlz4f" class="online-mobile is-hidden-tablet"> 2623 <div id="yqmu3nlz4f" class="content"> 2624 <a href="tel:+86 13918247874"><i class="fa fa-phone" aria-hidden="true"></i></a> 2625 <a href="javascript:wechatNumCopy('021-69176563')"><i class="fa fa-weixin"></i></a> 2626 </div> 2627 </div> 2628 <div id="yqmu3nlz4f" class="modal modal-fx-fadeInScale wechat-num-copy-modal"> 2629 <div id="yqmu3nlz4f" class="modal-background" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')"></div> 2630 <div id="yqmu3nlz4f" class="modal-content"> 2631 <img src="//cdn.xuansiwei.com/d0000000/1614696550434/share-finish-ok.svg" alt="" loading="lazy"> 2632 <div id="yqmu3nlz4f" class="title">微信å·å·²å¤å¶</div> 2633 <div id="yqmu3nlz4f" class="is-ok" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')">æç¥éäº 2634 </div> 2635 </div> 2636 </div> 2637 2638 </div> 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655</div> 2656 2657 </div> 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672
2673<script> 2674 $('img[data-src]').lazyload(); 2675 2676 if ($('.beian-num').text().trim()) { 2677 $('.beian-num').show(); 2678 } 2679 // animate 2680 // if (window.scrollY < 100) { // è§£å³ç½é¡µæ»å¨å°æå®ä½ç½®æ¶ä¼åºç°é¡µé¢éä¹± 2681 // ScrollReveal().reveal('.section', {distance: '150%', origin: 'bottom', opacity: null}); 2682 // } 2683</script>
2683 2684 2685 </div> 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721
2721<script> 2722 (function(){ 2723 var canonicalURL, curProtocol; 2724 //Get the <link> tag 2725 var x=document.getElementsByTagName("link"); 2726 //Find the last canonical URL 2727 if(x.length > 0){ 2728 for (i=0;i<x.length;i++){ 2729 if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){ 2730 canonicalURL=x[i].href; 2731 } 2732 } 2733 } 2734 //Get protocol 2735 if (!canonicalURL){ 2736 curProtocol = window.location.protocol.split(':')[0]; 2737 } 2738 else{ 2739 curProtocol = canonicalURL.split(':')[0]; 2740 } 2741 //Get current URL if the canonical URL does not exist 2742 if (!canonicalURL) canonicalURL = window.location.href; 2743 //Assign script content. Replace current URL with the canonical URL 2744 !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})(); 2745</script>
2745 2746</body></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.