1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 7 <link rel="shortcut icon" href="https://ai.mobirise.com/assets/tutorm5/images/logo5.png?v=taozi" type="image/x-icon"> 8 <meta name="description" content="èç¦å®æ¶äºå¨å¨±ä¹ï¼æ¡åè§é¢èå髿¸ å½±è§èµæºä¸åæç´ææå¡ãå¹³å°ä»¥æºè½æ¨èåå¼¹å¹äºå¨ä¸ºæ ¸å¿ï¼è¦ççµå½±ãçµè§å§ã卿¼«çå¤å å 容ï¼ç¡®ä¿æµç è§å½±ä½éªã"> 9 <title>æ¡åè§é¢å®ç½-髿¸ å½±è§ä¸åæç´æçæ²æµ¸å¼ä¹å</title> 10 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/web/assets/mobirise-icons/mobirise-icons.css?v=taozi"> 11 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/web/assets/mobirise-icons2/mobirise2.css?v=taozi"> 12 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/bootstrap/css/bootstrap.min.css?v=taozi"> 13 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/bootstrap/css/bootstrap-grid.min.css?v=taozi"> 14 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/bootstrap/css/bootstrap-reboot.min.css?v=taozi"> 15 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/dropdown/css/style.css?v=taozi"> 16 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/animatecss/animate.css?v=taozi"> 17 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/socicon/css/styles.css?v=taozi"> 18 <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/theme/css/style.css?v=taozi"> 19 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 20 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;700&display=swap"></noscript> 21 <link rel="stylesheet" href="https://ai-builder.mobirise.com/api/v2/themes/tutorm5/additional.css?v=fdyT7DIT1Jrm0AiYHZEjpw&backgroundColor=%23F7F1E7&primaryColor=%23FFD07B&secondaryColor=%235A89DC&successColor=%2365E2A8&infoColor=%2351DAF6&warningColor=%23FFD148&dangerColor=%23E4636F&mainFont=Source%20Serif%204&display1Font=Source%20Serif%204&display1Size=7.8&display2Font=Source%20Serif%204&display2Size=4.5&display5Font=Source%20Serif%204&display5Size=2&display7Font=Source%20Serif%204&display7Size=1.4&display4Font=Source%20Serif%204&display4Size=1.2&isRoundedImages=true&isRoundedButtons=true&isLargeButtons=true&isGhostButtonBorder=true&underlinedLinks=false&isAnimatedOnScroll=false&isScrollToTopButton=false" type="text/css"> 22 23 24 25 <style>:root{--background: #F7F1E7; --background-900: #F5E8D2; --background-800: #EDD4AB; --background-700: #E5C081; --background-600: #D9A12D; --background-dark: #1C1000; --background-dark-900: #2D1B00; --background-dark-800: #472D00; --background-dark-700: #603E00; --background-dark-600: #7B5100; --dominant-color: #B1740F; --dominant-dark-color: #512610; --dominant-darken-color: #7D4800; --dominant-light-color: #E9DFC8; --dominant-lighten-color: #E7A343; --primary-color: #FFD07B; --primary-dark-color: #4E2904; --primary-darken-color: #CA9F4D; --primary-light-color: #ECE4CD; --primary-lighten-color: #FFFFAB; --secondary-color: #5A89DC; --secondary-dark-color: #1D3257; --secondary-darken-color: #195CAA; --secondary-light-color: #CBE6F1; --secondary-lighten-color: #8FB9FF; --success-color: #65E2A8; --success-dark-color: #1A4322; --success-darken-color: #28AF79; --success-light-color: #D2EBDE; --success-lighten-color: #9AFFDA; --danger-color: #E4636F; --danger-dark-color: #582726; --danger-darken-color: #AE3144; --danger-light-color: #E4C8CB; --danger-lighten-color: #FF949D; --warning-color: #FFD148; --warning-dark-color: #4F2906; --warning-darken-color: #C8A005; --warning-light-color: #E9E4CD; --warning-lighten-color: #FFFF7A; --info-color: #51DAF6; --info-dark-color: #003F59; --info-darken-color: #00A8C3; --info-light-color: #CFEEED; --info-lighten-color: #8DFFFF; --background-text: #000000; --background-900-text: #000000; --background-800-text: #000000; --background-700-text: #000000; --background-600-text: #000000; --background-dark-text: #FFFFFF; --background-dark-900-text: #FFFFFF; --background-dark-800-text: #FFFFFF; --background-dark-700-text: #FFFFFF; --background-dark-600-text: #FFFFFF; --dominant-text: #FFFFFF; --dominant-dark-text: #FFFFFF; --dominant-darken-text: #FFFFFF; --dominant-light-text: #000000; --dominant-lighten-text: #000000; --primary-text: #000000; --primary-dark-text: #FFFFFF; --primary-darken-text: #000000; --primary-light-text: #000000; --primary-lighten-text: #000000; --secondary-text: #FFFFFF; --secondary-dark-text: #FFFFFF; --secondary-darken-text: #FFFFFF; --secondary-light-text: #000000; --secondary-lighten-text: #000000; --success-text: #000000; --success-dark-text: #FFFFFF; --success-darken-text: #FFFFFF; --success-light-text: #000000; --success-lighten-text: #000000; --danger-text: #000000; --danger-dark-text: #FFFFFF; --danger-darken-text: #FFFFFF; --danger-light-text: #000000; --danger-lighten-text: #000000; --warning-text: #000000; --warning-dark-text: #FFFFFF; --warning-darken-text: #000000; --warning-light-text: #000000; --warning-lighten-text: #000000; --info-text: #000000; --info-dark-text: #FFFFFF; --info-darken-text: #FFFFFF; --info-light-text: #000000; --info-lighten-text: #000000; --display1-font: 'Source Serif 4', sans-serif; --display2-font: 'Source Serif 4', sans-serif; --display4-font: 'Source Serif 4', sans-serif; --display5-font: 'Source Serif 4', sans-serif; --display7-font: 'Source Serif 4', sans-serif;}</style> 26</head> 27<body> 28 29 30 31<style> 32.cid-vakWYfkY2d { 33 z-index: 1000; 34 width: 100%; 35 position: relative; 36} 37 38.cid-vakWYfkY2d .dropdown-item:before { 39 font-family: Moririse2 !important; 40 content: "\e966"; 41 display: inline-block; 42 width: 0; 43 position: absolute; 44 left: 1rem; 45 top: 0.5rem; 46 margin-right: 0.5rem; 47 line-height: 1; 48 font-size: inherit; 49 vertical-align: middle; 50 text-align: center; 51 overflow: hidden; 52 transform: scale(0, 1); 53 transition: all 0.25s ease-in-out; 54} 55 56 57@media (max-width: 767px) { 58 .cid-vakWYfkY2d .navbar-toggler { 59 transform: scale(0.8); 60 } 61} 62 63.cid-vakWYfkY2d .navbar-brand { 64 flex-shrink: 0; 65 align-items: center; 66 margin-right: 0; 67 padding: 10px 0; 68 transition: all 0.3s; 69 word-break: break-word; 70 z-index: 1; 71} 72 73.cid-vakWYfkY2d .navbar-brand img { 74 max-width: 100%; 75 max-height: 100%; 76 border-radius: 0px !important; 77} 78 79.cid-vakWYfkY2d .navbar-brand .navbar-caption { 80 line-height: inherit !important; 81} 82 83.cid-vakWYfkY2d .navbar-brand .navbar-logo a { 84 outline: none; 85} 86 87.cid-vakWYfkY2d .navbar-nav { 88 margin: auto; 89 margin-left: 0; 90 margin-left: auto; 91} 92 93.cid-vakWYfkY2d .navbar-nav .nav-item { 94 padding: 0 !important; 95 transition: 0.3s all !important; 96} 97 98.cid-vakWYfkY2d .navbar-nav .nav-item .nav-link { 99 padding: 16px !important; 100 margin: 0 !important; 101 border-radius: 1rem !important; 102 transition: 0.3s all !important; 103} 104 105.cid-vakWYfkY2d .navbar-nav .nav-item .nav-link:hover { 106 background-color: rgba(27, 31, 10, 0.06); 107} 108 109.cid-vakWYfkY2d .navbar-nav .open .nav-link::after { 110 transform: rotate(180deg); 111} 112 113@media (min-width: 992px) { 114 .cid-vakWYfkY2d .navbar-nav .open .nav-link::before { 115 content: ""; 116 width: 100%; 117 height: 20px; 118 top: 100%; 119 background: transparent; 120 position: absolute; 121 } 122} 123 124.cid-vakWYfkY2d .navbar-nav .dropdown-item { 125 padding: 12px !important; 126 border-radius: 0.5rem !important; 127 margin: 0 8px !important; 128 transition: 0.3s all !important; 129} 130 131.cid-vakWYfkY2d .navbar-nav .dropdown-item:hover { 132 background-color: rgba(27, 31, 10, 0.06); 133} 134 135@media (min-width: 992px) { 136 .cid-vakWYfkY2d .navbar-nav { 137 padding-left: 1.5rem; 138 } 139} 140 141.cid-vakWYfkY2d .nav-link { 142 width: fit-content; 143 position: relative; 144} 145 146.cid-vakWYfkY2d .navbar-logo { 147 padding-left: 2rem; 148 margin: 0 !important; 149} 150 151@media (max-width: 767px) { 152 .cid-vakWYfkY2d .navbar-logo { 153 padding-left: 1rem; 154 } 155} 156 157.cid-vakWYfkY2d .navbar-caption { 158 padding-left: 1rem; 159 padding-right: 0.5rem; 160 color: var(--dominant-text); 161} 162 163@media (max-width: 767px) { 164 .cid-vakWYfkY2d .nav-dropdown { 165 padding-bottom: 0.5rem; 166 } 167} 168 169.cid-vakWYfkY2d .nav-dropdown .link.dropdown-toggle::after { 170 margin-left: 0.5rem; 171 margin-top: 0.2rem; 172 transition: 0.3s all; 173} 174 175.cid-vakWYfkY2d .container { 176 display: flex; 177 height: 90px; 178 padding: 0.5rem 0.6rem; 179 flex-wrap: nowrap; 180 left: 0; 181 right: 0; 182 -webkit-box-pack: justify; 183 -ms-flex-pack: justify; 184 justify-content: flex-end; 185 -webkit-box-align: center; 186 -webkit-align-items: center; 187 -ms-flex-align: center;
188 align-items: center; 189 border-radius: 100vw; 190} 191 192@media (max-width: 992px) { 193 .cid-vakWYfkY2d .container { 194 padding-right: 2rem; 195 } 196} 197 198@media (max-width: 767px) { 199 .cid-vakWYfkY2d .container { 200 width: 95%; 201 height: 56px !important; 202 padding-right: 1rem; 203 margin-top: 0rem; 204 } 205} 206 207.cid-vakWYfkY2d .iconfont-wrapper { 208 color: #000000 !important; 209 font-size: 1.5rem; 210 padding-right: 0.5rem; 211} 212 213.cid-vakWYfkY2d .dropdown-menu { 214 flex-wrap: wrap; 215 flex-direction: column; 216 max-width: 100%; 217 padding: 12px 4px !important; 218 border-radius: 1.5rem; 219 transition: 0.3s all !important; 220 min-width: auto; 221 background: var(--dominant-color); 222} 223 224.cid-vakWYfkY2d .nav-item:focus, 225.cid-vakWYfkY2d .nav-link:focus { 226 outline: none; 227} 228 229.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item { 230 width: auto; 231 transition: all 0.25s ease-in-out; 232} 233 234.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item::after { 235 right: 0.5rem; 236} 237 238.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item .mbr-iconfont { 239 margin-right: 0.5rem; 240 vertical-align: sub; 241} 242 243.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before { 244 display: inline-block; 245 transform: scale(1, 1); 246 transition: all 0.25s ease-in-out; 247} 248 249.cid-vakWYfkY2d .collapsed .dropdown-menu .dropdown-item:before { 250 display: none; 251} 252 253.cid-vakWYfkY2d .collapsed .dropdown .dropdown-menu .dropdown-item { 254 padding: 0.235em 1.5em 0.235em 1.5em !important; 255 transition: none; 256 margin: 0 !important; 257} 258 259.cid-vakWYfkY2d .navbar { 260 min-height: 90px; 261 transition: all 0.3s; 262 border-bottom: 1px solid var(--dominant-color); 263 background: var(--dominant-color) !important; 264 padding: 0 !important; 265 border: none !important; 266 box-shadow: none !important; 267 border-radius: 0 !important; 268} 269 270.cid-vakWYfkY2d .navbar.opened { 271 transition: all 0.25s; 272} 273 274.cid-vakWYfkY2d .navbar .dropdown-item { 275 padding: 0.5rem 1.8rem; 276} 277 278.cid-vakWYfkY2d .navbar .navbar-logo img { 279 width: auto; 280} 281 282.cid-vakWYfkY2d .navbar .navbar-collapse { 283 z-index: 1; 284 justify-content: flex-end; 285} 286 287.cid-vakWYfkY2d .navbar.collapsed { 288 justify-content: center; 289} 290 291.cid-vakWYfkY2d .navbar.collapsed .nav-item .nav-link::before { 292 display: none; 293} 294 295.cid-vakWYfkY2d .navbar.collapsed.opened .dropdown-menu { 296 top: 0; 297} 298 299@media (min-width: 992px) { 300 .cid-vakWYfkY2d .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse { 301 max-height: calc(98.5vh - 3rem); 302 } 303} 304 305.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-submenu { 306 left: 0 !important; 307} 308 309.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-item:after { 310 right: auto; 311} 312 313.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after { 314 margin-left: 0.5rem; 315 margin-top: 0.2rem; 316 border-top: 0.35em solid; 317 border-right: 0.35em solid transparent; 318 border-left: 0.35em solid transparent; 319 border-bottom: 0; 320 top: 41%; 321} 322 323.cid-vakWYfkY2d .navbar.collapsed ul.navbar-nav li { 324 margin: auto; 325} 326 327.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-item { 328 padding: 0.25rem 1.5rem; 329 text-align: center; 330} 331 332.cid-vakWYfkY2d .navbar.collapsed .icons-menu { 333 padding-left: 0; 334 padding-right: 0; 335 padding-top: 0.5rem; 336 padding-bottom: 0.5rem; 337} 338 339@media (max-width: 767px) { 340 .cid-vakWYfkY2d .navbar { 341 min-height: 72px; 342 } 343 344 .cid-vakWYfkY2d .navbar .navbar-logo img { 345 height: 2rem !important; 346 } 347} 348 349@media (max-width: 991px) { 350 .cid-vakWYfkY2d .navbar .nav-item .nav-link::before { 351 display: none; 352 } 353 354 .cid-vakWYfkY2d .navbar.opened .dropdown-menu { 355 top: 0; 356 } 357 358 .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-submenu { 359 left: 0 !important; 360 } 361 362 .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-item:after { 363 right: auto; 364 } 365 366 .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after { 367 margin-left: 0.5rem; 368 margin-top: 0.2rem; 369 border-top: 0.35em solid; 370 border-right: 0.35em solid transparent; 371 border-left: 0.35em solid transparent; 372 border-bottom: 0; 373 top: 40%; 374 } 375 376 .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-item { 377 padding: 0.25rem 1.5rem !important; 378 text-align: center; 379 } 380 381 .cid-vakWYfkY2d .navbar .navbar-brand { 382 flex-shrink: initial; 383 flex-basis: auto; 384 word-break: break-word; 385 padding-right: 10px; 386 } 387 388 .cid-vakWYfkY2d .navbar .navbar-toggler { 389 flex-basis: auto; 390 } 391 392 .cid-vakWYfkY2d .navbar .icons-menu { 393 padding-left: 0; 394 padding-top: 0.5rem; 395 padding-bottom: 0.5rem; 396 } 397} 398
399.cid-vakWYfkY2d .navbar.navbar-short .navbar-logo img { 400 height: 2rem; 401} 402 403.cid-vakWYfkY2d .dropdown-item.active, 404.cid-vakWYfkY2d .dropdown-item:active { 405 background-color: transparent; 406} 407 408.cid-vakWYfkY2d .navbar-expand-lg .navbar-nav .nav-link { 409 padding: 0; 410} 411 412.cid-vakWYfkY2d .nav-dropdown .link.dropdown-toggle { 413 margin-right: 1.667em; 414} 415 416.cid-vakWYfkY2d .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] { 417 margin-right: 0; 418 padding: 0.667em 1.667em; 419} 420 421.cid-vakWYfkY2d .navbar.navbar-expand-lg .dropdown .dropdown-menu { 422 background: var(--dominant-color); 423} 424 425.cid-vakWYfkY2d .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu { 426 margin: 0; 427 left: 105%; 428 transform: none; 429 top: -12px; 430} 431 432.cid-vakWYfkY2d .navbar .dropdown.open>.dropdown-menu { 433 display: flex; 434} 435 436.cid-vakWYfkY2d ul.navbar-nav { 437 flex-wrap: wrap; 438} 439 440.cid-vakWYfkY2d .navbar-buttons { 441 text-align: center; 442 min-width: 140px; 443} 444 445@media (max-width: 992px) { 446 .cid-vakWYfkY2d .navbar-buttons { 447 text-align: left; 448 } 449} 450 451.cid-vakWYfkY2d button.navbar-toggler { 452 outline: none; 453 width: 31px; 454 height: 20px; 455 cursor: pointer; 456 transition: all 0.2s; 457 position: relative; 458 align-self: center; 459} 460 461.cid-vakWYfkY2d button.navbar-toggler .hamburger span { 462 position: absolute; 463 right: 0; 464 width: 30px; 465 height: 2px; 466 border-right: 5px; 467 background-color: var(--dominant-text); 468} 469 470.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(1) { 471 top: 0; 472 transition: all 0.2s; 473} 474 475.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(2) { 476 top: 8px; 477 transition: all 0.15s; 478} 479 480.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(3) { 481 top: 8px; 482 transition: all 0.15s; 483} 484 485.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(4) { 486 top: 16px; 487 transition: all 0.2s; 488} 489 490.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(1) { 491 top: 8px; 492 width: 0; 493 opacity: 0; 494 right: 50%; 495 transition: all 0.2s; 496} 497 498.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(2) { 499 transform: rotate(45deg); 500 transition: all 0.25s; 501} 502 503.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(3) { 504 transform: rotate(-45deg); 505 transition: all 0.25s; 506} 507 508.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(4) { 509 top: 8px; 510 width: 0; 511 opacity: 0; 512 right: 50%; 513 transition: all 0.2s; 514} 515 516.cid-vakWYfkY2d .navbar-dropdown { 517 padding: 0; 518} 519 520.cid-vakWYfkY2d a.nav-link { 521 display: flex; 522 align-items: center; 523 justify-content: center; 524} 525 526.cid-vakWYfkY2d .icons-menu { 527 flex-wrap: nowrap; 528 display: flex; 529 justify-content: center; 530 padding-left: 1rem; 531 padding-right: 1rem; 532 padding-top: 0.3rem; 533 text-align: center; 534} 535 536@media (max-width: 992px) { 537 .cid-vakWYfkY2d .icons-menu { 538 justify-content: flex-start; 539 margin-bottom: 0.5rem; 540 } 541} 542 543@media screen and (-ms-high-contrast: active), 544(-ms-high-contrast: none) { 545 .cid-vakWYfkY2d .navbar { 546 height: 70px; 547 } 548 549 .cid-vakWYfkY2d .navbar.opened { 550 height: auto; 551 } 552 553 .cid-vakWYfkY2d .nav-item .nav-link:hover::before { 554 width: 175%; 555 max-width: calc(100% + 2rem); 556 left: -1rem; 557 } 558} 559 560.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu { 561 display: none; 562 width: max-content; 563 max-width: 500px !important; 564 transform: translateX(-50%); 565 top: calc(100% + 20px); 566 left: 50%; 567} 568 569.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown-item { 570 line-height: 1 !important; 571} 572 573.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item { 574 align-items: center; 575 display: flex; 576 height: max-content !important; 577 min-height: max-content !important; 578} 579 580.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item::after { 581 display: inline-block; 582 position: static; 583 margin-left: 0.5rem; 584 margin-top: 0; 585 margin-right: 0; 586 margin-bottom: 0; 587 transition: 0.3s all; 588 transform: rotate(-90deg); 589} 590 591.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after { 592 transform: rotate(0deg); 593} 594 595.cid-vakWYfkY2d .mbr-section-btn { 596 margin: -0.6rem -0.6rem; 597} 598 599.cid-vakWYfkY2d .navbar-toggler { 600 margin-left: 12px; 601 margin-right: 8px; 602 order: 1000; 603} 604 605@media (max-width: 991px) { 606 .cid-vakWYfkY2d .navbar-brand { 607 margin-right: auto; 608 } 609 610 .cid-vakWYfkY2d .navbar-collapse { 611 z-index: -1 !important; 612 position: absolute; 613 top: 100%; 614 left: 0; 615 width: 100%; 616 padding: 1rem; 617 border-radius: 1.5rem; 618 background: var(--dominant-color); 619 backdrop-filter: blur(8px); 620 } 621 622 .cid-vakWYfkY2d .navbar-nav .nav-item .nav-link::after { 623 margin-left: 10px; 624 } 625 626 .cid-vakWYfkY2d .navbar-nav .dropdown-item:hover { 627 background-color: rgba(27, 31, 10, 0.06); 628 } 629 630 .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu { 631 max-width: 100% !important; 632 transform: translateX(0); 633 top: 10px; 634 left: 0; 635 padding: 8px !important; 636 border-radius: 1rem; 637 background-color: rgba(27, 31, 10, 0.04) !important; 638 } 639 640 .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown-item { 641 padding: 8px !important; 642 line-height: 1 !important; 643 margin-bottom: 4px !important; 644 } 645 646 .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item { 647 align-items: center; 648 display: flex; 649 height: max-content !important; 650 min-height: max-content !important; 651 } 652 653 .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item::after { 654 display: inline-block; 655 position: static; 656 margin-left: 0.5rem; 657 margin-top: 0; 658 margin-right: 0; 659 margin-bottom: 0; 660 transition: 0.3s all; 661 transform: rotate(0deg); 662 } 663 664 .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after { 665 transform: rotate(180deg); 666 } 667 668 .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown-submenu { 669 position: static; 670 width: 100%; 671 max-width: 100% !important; 672 transform: translateX(0) !important; 673 top: 0; 674 left: 0; 675 padding: 8px !important; 676 border-radius: 1rem; 677 background-color: rgba(27, 31, 10, 0.04) !important; 678 } 679 680 .cid-vakWYfkY2d .navbar .dropdown.open>.dropdown-menu { 681 display: flex !important; 682 flex-direction: column; 683 align-items: flex-start; 684 } 685} 686 687@media (max-width: 991px) and (max-width: 767px) { 688 .cid-vakWYfkY2d .navbar-collapse { 689 left: -0.7rem; 690 width: 106%; 691 border-radius: 0; 692 } 693} 694 695@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { 696 .cid-vakWYfkY2d .navbar-collapse { 697 left: 0rem; 698 width: 106%; 699 border-radius: 0; 700 } 701} 702 703@media (max-width: 575px) { 704 .cid-vakWYfkY2d .navbar-collapse { 705 padding: 1rem; 706 } 707} 708 709.cid-vakWYfkY2d .nav-link, 710.cid-vakWYfkY2d .dropdown-item { 711 color: var(--dominant-text); 712} 713 714</style> 715<section class="tutorm5 menu menu1 cid-vakWYfkY2d" once="menu" id="menu-1-vakWYfkY2d"> 716 <nav class="navbar navbar-dropdown opacityScrollOff navbar-expand-lg"> 717 <div class="container"> 718 <div class="navbar-brand">
719 <span class="navbar-logo"> 720 <a href="#"> 721 <img alt="Mobirise Website Builder" style="height: 3rem;" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1493804714600-6edb1cd93080%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8NXx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=IDrkFzpMa94JVj0Y6Amr5qVsThx5P9nJNT26rmIrtMY"> 722 </a> 723 </span> 724 <span class="navbar-caption-wrap"><a class="navbar-caption display-5" href="#">æ¡åè§é¢</a></span> 725 </div> 726 <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> 727 <div class="hamburger"> 728 <span></span> 729 <span></span> 730 <span></span> 731 <span></span> 732 </div> 733 </button> 734 <div class="collapse navbar-collapse opacityScrollOff" id="navbarSupportedContent"> 735 <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"> 736 <li class="nav-item"> 737 <a class="nav-link link display-4" href="#">é¦é¡µ</a> 738 </li> 739 <li class="nav-item"> 740 <a class="nav-link link display-4" href="#">åç±»</a> 741 </li> 742 <li class="nav-item"> 743 <a class="nav-link link display-4" href="#" aria-expanded="false">çé¨</a> 744 </li> 745 <li class="nav-item"> 746 <a class="nav-link link display-4" href="#">å ³äº</a> 747 </li> 748 </ul> 749 <div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4" href="#">ç«å³è§ç</a></div> 750 </div> 751 </div> 752 </nav> 753</section> 754 755<style> 756.cid-vakWYfkAbM { 757 display: flex; 758 padding-top: 225px; 759 padding-bottom: 150px; 760 background-color: var(--dominant-color); 761} 762 763.cid-vakWYfkAbM .content-wrap { 764 padding: 5rem 1rem; 765} 766 767@media (min-width: 992px) { 768 .cid-vakWYfkAbM .content-wrap { 769 padding: 5rem 3rem; 770 } 771} 772 773.cid-vakWYfkAbM .tags { 774 display: flex; 775 flex-direction: column; 776 align-items: flex-end; 777} 778 779@media (max-width: 992px) { 780 .cid-vakWYfkAbM .tags { 781 flex-direction: row; 782 flex-wrap: wrap; 783 } 784} 785 786@media (max-width: 767px) { 787 .cid-vakWYfkAbM .tags { 788 justify-content: center; 789 } 790} 791 792.cid-vakWYfkAbM .mbr-section-tag { 793 background-color: var(--dominant-darken-color); 794 padding: 5px 15px; 795 border-radius: 20px; 796 width: fit-content; 797 color: #838383; 798 margin: 0 0.5rem; 799 margin-bottom: 1rem; 800 display: inline-block; 801} 802 803.cid-vakWYfkAbM .mbr-section-title { 804 text-align: left; 805 color: var(--dominant-text); 806} 807 808.cid-vakWYfkAbM .mbr-text, 809.cid-vakWYfkAbM .mbr-section-btn { 810 text-align: left; 811 color: #ffffff; 812} 813 814.cid-vakWYfkAbM .mbr-description { 815 text-align: left; 816 color: var(--dominant-text); 817} 818 819.cid-vakWYfkAbM .mbr-section-btn { 820 text-align: right; 821} 822 823@media (max-width: 767px) { 824 .cid-vakWYfkAbM .mbr-section-btn { 825 text-align: center; 826 } 827} 828 829.cid-vakWYfkAbM .mbr-section-tag, 830.cid-vakWYfkAbM .tags { 831 color: var(--dominant-darken-text); 832} 833 834.cid-vakWYfkAbM .mbr-text { 835 color: var(--dominant-text); 836} 837 838</style> 839<section class="tutorm5 header2 cid-vakWYfkAbM" id="hero-2-vakWYfkAbM"> 840 <div class="container"> 841 <div class="row"> 842 <div class="col-12 col-lg-9"> 843 <p class="mbr-fonts-style mbr-description mt-4 display-7" data-mbr-ai-color="dominantText">精彩ç¬é´</p> 844 <h1 class="mbr-section-title mbr-fonts-style mb-4 display-1" data-mbr-ai-color="dominantText">è§é¢çå®´</h1> 845 <div class="row mb-3"> 846 <div class="col-lg-7"> 847 <p class="mbr-fonts-style mbr-text display-5" data-mbr-ai-color="dominantText">æµ·éçè§é¢ï¼æ¯æ¥æ´æ°ï¼æ»æä½ 忬¢çãå嫿 èï¼å³å»å¨ç¿»ï¼</p> 848 </div> 849 <div class="col-lg-5 mb-3 my-auto"> 850 <div class="mbr-section-btn"><a class="btn btn-primary display-7" href="#">å¼å§å·å±</a></div> 851 </div> 852 </div> 853 </div> 854 <div class="col-lg-3 tags"> 855 <h4 class="mbr-section-tag mbr-fonts-style display-7" data-mbr-ai-color="dominant-darkenText">æç¬</h4> 856 <h4 class="mbr-section-tag mbr-fonts-style display-7" data-mbr-ai-color="dominant-darkenText">èå® </h4> 857 <h4 class="mbr-section-tag mbr-fonts-style display-7" data-mbr-ai-color="dominant-darkenText">çæ´»</h4> 858 <h4 class="mbr-section-tag mbr-fonts-style display-7" data-mbr-ai-color="dominant-darkenText">é³ä¹</h4> 859 <h4 class="mbr-section-tag mbr-fonts-style display-7" data-mbr-ai-color="dominant-darkenText">èè¹</h4> 860 <h4 class="mbr-section-tag mbr-fonts-style display-7" data-mbr-ai-color="dominant-darkenText">å§æ </h4> 861 </div> 862 </div> 863 </div> 864</section> 865 866<style> 867.cid-vakWYfkPPU { 868 padding-top: 6rem; 869 padding-bottom: 6rem; 870 background-color: var(--background-dark); 871} 872 873.cid-vakWYfkPPU .mbr-fallback-image.disabled { 874 display: none; 875} 876 877.cid-vakWYfkPPU .mbr-fallback-image { 878 display: block; 879 background-size: cover; 880 background-position: center center; 881 width: 100%; 882 height: 100%; 883 position: absolute; 884 top: 0; 885} 886 887.cid-vakWYfkPPU .google-map { 888 height: 35rem; 889 position: relative; 890 border-radius: 2rem; 891} 892 893.cid-vakWYfkPPU .google-map iframe { 894 height: 100%; 895 width: 100%; 896 border-radius: 2rem; 897} 898 899.cid-vakWYfkPPU .google-map [data-state-details] { 900 color: #6b6763; 901 height: 1.5em; 902 margin-top: -0.75em; 903 padding-left: 1.25rem; 904 padding-right: 1.25rem; 905 position: absolute; 906 text-align: center; 907 top: 50%; 908 width: 100%; 909} 910 911.cid-vakWYfkPPU .google-map[data-state] { 912 background: #e9e5dc; 913} 914 915.cid-vakWYfkPPU .google-map[data-state="loading"] [data-state-details] { 916 display: none; 917} 918 919.cid-vakWYfkPPU .content-head { 920 max-width: 800px; 921} 922 923.cid-vakWYfkPPU .mbr-section-title { 924 color: var(--background-dark-text); 925} 926 927</style> 928<section class="tutorm5 map1 cid-vakWYfkPPU" id="map-1-vakWYfkPPU"> 929 <div class="container"> 930 <div class="row justify-content-center"> 931 <div class="col-12 content-head"> 932 <div class="mbr-section-head mb-5"> 933 <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">èç³»æä»¬</h3> 934 </div> 935 </div> 936 </div> 937 <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193596.0092751704!2d-74.14448674282774!3d40.69737092200535!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sru!4v1697196791393!5m2!1sen!2sru" allowfullscreen=""></iframe></div> 938 </div> 939</section> 940 941<style> 942.cid-vakWYfkNzv { 943 padding-top: 5rem; 944 padding-bottom: 5rem; 945 background-color: #FFFFFF; 946 overflow: hidden; 947} 948 949.cid-vakWYfkNzv .mbr-fallback-image.disabled { 950 display: none; 951} 952 953.cid-vakWYfkNzv .mbr-fallback-image { 954 display: block; 955 background-size: cover; 956 background-position: center center; 957 width: 100%; 958 height: 100%; 959 position: absolute; 960 top: 0; 961} 962 963.cid-vakWYfkNzv ul { 964 padding-left: 1.5rem; 965} 966 967.cid-vakWYfkNzv ul li { 968 padding-bottom: 0.5rem; 969} 970 971.cid-vakWYfkNzv .mbr-text3 { 972 line-height: 1.2; 973} 974 975.cid-vakWYfkNzv p { 976 line-height: 1.2; 977} 978 979.cid-vakWYfkNzv .round { 980 position: absolute; 981 top: -900px; 982 left: -20%; 983 width: 140%; 984 height: 1700px; 985 border-bottom-left-radius: 50%; 986 border-bottom-right-radius: 50%; 987 background: #232323; 988} 989 990@media (max-width: 992px) { 991 .cid-vakWYfkNzv .round { 992 top: -700px; 993 height: 1500px; 994 } 995} 996 997@media (max-width: 767px) { 998 .cid-vakWYfkNzv .round { 999 height: 600px; 1000 top: -100px; 1001 } 1002} 1003 1004.cid-vakWYfkNzv .line { 1005 width: 100%; 1006 height: 2px; 1007 background: var(--dominant-dark-color); 1008 margin-bottom: 1rem; 1009 margin-top: 1rem; 1010} 1011 1012.cid-vakWYfkNzv .col-lg-3 { 1013 border-top: 2px solid var(--dominant-dark-color); 1014 padding-top: 1rem; 1015} 1016 1017.cid-vakWYfkNzv .mbr-text { 1018 line-height: 1.2; 1019 color: #000000; 1020} 1021 1022.cid-vakWYfkNzv .card-wrapper { 1023 overflow: hidden; 1024 background: var(--background); 1025 padding: 4rem 3rem; 1026} 1027 1028@media (max-width: 767px) { 1029 .cid-vakWYfkNzv .card-wrapper { 1030 padding: 2rem 1rem; 1031 } 1032} 1033 1034.cid-vakWYfkNzv .image-wrapper { 1035 padding: 0 1rem; 1036} 1037 1038.cid-vakWYfkNzv .mbr-section-title { 1039 color: var(--background-text); 1040} 1041 1042.cid-vakWYfkNzv .mbr-text, 1043.cid-vakWYfkNzv .mbr-section-btn { 1044 color: #f0466a; 1045} 1046 1047.cid-vakWYfkNzv .mbr-card-title { 1048 color: #f0466a; 1049} 1050 1051.cid-vakWYfkNzv .mbr-card-title, 1052.cid-vakWYfkNzv .line { 1053 color: var(--dominant-dark-color); 1054} 1055 1056.cid-vakWYfkNzv .mbr-section-text { 1057 color: var(--dominant-dark-color); 1058} 1059 1060.cid-vakWYfkNzv .mbr-card-text { 1061 color: var(--background-text); 1062} 1063 1064.cid-vakWYfkNzv .mbr-list { 1065 color: var(--background-text); 1066} 1067 1068</style> 1069<section class="tutorm5 features5 cid-vakWYfkNzv" id="features-4-vakWYfkNzv"> 1070 <div class="container"> 1071 <div class="row justify-content-center align-items-center"> 1072 <div class="col-12"> 1073 <div class="card-wrapper"> 1074 <div class="row"> 1075 <div class="col-12 col-lg-6 mb-5 col-md-12"> 1076 <div class="text-wrapper align-left"> 1077 <h1 class="mbr-section-title mbr-fonts-style mb-3 display-2">为ä½å¦æ¤ï¼</h1> 1078 </div> 1079 </div> 1080 <div class="col-12 my-auto col-lg-6 mb-5 col-md-12"> 1081 <div class="text-wrapper align-left"> 1082 <p class="mbr-section-text mbr-fonts-style mb-3 display-5">æä»¬è´åäºæé ä¸ä¸ªå 满活åååæççè§é¢å¹³å°ï¼è®©æ¯ä¸ªäººé½è½æ¾å°ä¹è¶£ã</p> 1083 </div> 1084 </div> 1085 </div> 1086 <div class="row"> 1087 <div class="col-12"> 1088 <h3 class="mbr-card-title mbr-fonts-style mb-2 display-7">å 容</h3> 1089 <div class="line"></div> 1090 </div> 1091 <div class="col-lg-6"> 1092 <p class="mbr-card-text mbr-fonts-style mb-2 display-5">æµ·éè§é¢åºï¼åºæå°½æ</p> 1093 </div> 1094 <div class="col-lg-6"> 1095 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 1096 <li>æç¬èå® ï¼è®©ä½ ç¬å°èåç¼ã</li> 1097 <li>çæ´»æå·§ï¼get æ°æè½ã</li> 1098 <li>å¥é»å¼äºï¼å¤§å¼ç¼çã</li> 1099 </ul> 1100 </div> 1101 </div> 1102 <div class="row"> 1103 <div class="col-12"> 1104 <h3 class="mbr-card-title mbr-fonts-style mb-2 display-7">ä½éª</h3> 1105 <div class="line"></div> 1106 </div> 1107 <div class="col-lg-6"> 1108 <p class="mbr-card-text mbr-fonts-style mb-2 display-5">æµç 䏿»çè§çä½éª</p> 1109 </div> 1110 <div class="col-lg-6"> 1111 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 1112 <li>髿¸ ç»è´¨ï¼ç»èæ¸ æ°å¯è§ã</li> 1113 <li>æºè½ç¼åï¼ç¦»çº¿ä¹è½çã</li> 1114 <li>æ å¹¿åææ°ï¼æ²æµ¸å¼è§çã</li> 1115 </ul> 1116 </div> 1117 </div> 1118 <div class="row"> 1119 <div class="col-12"> 1120 <h3 class="mbr-card-title mbr-fonts-style mb-2 display-7">社åº</h3> 1121 <div class="line"></div> 1122 </div> 1123 <div class="col-lg-6"> 1124 <p class="mbr-card-text mbr-fonts-style mb-2 display-5">æµç 䏿»çè§çä½éª</p> 1125 </div> 1126 <div class="col-lg-6"> 1127 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 1128 <li>ç¹èµè¯è®ºï¼ä¸åä½è äºå¨ã</li> 1129 <li>å ³æ³¨ä½ åæ¬¢ç人ï¼ä¸éè¿ç²¾å½©ã</li> 1130 <li>åäº«ä½ çè§ç¹ï¼åä¸è®¨è®ºã</li> 1131 </ul> 1132 </div> 1133 </div> 1134 </div> 1135 </div> 1136 </div> 1137 </div> 1138</section> 1139 1140<style> 1141.cid-vakWYflFuW { 1142 padding-top: 4rem; 1143 padding-bottom: 4rem; 1144 background-color: var(--background-dark); 1145} 1146 1147.cid-vakWYflFuW .item-subtitle { 1148 line-height: 1.2; 1149 color: var(--background-dark-text); 1150 text-align: left; 1151} 1152 1153.cid-vakWYflFuW img, 1154.cid-vakWYflFuW .item-img { 1155 width: 100%; 1156 height: 100%; 1157 height: 400px; 1158 object-fit: cover; 1159} 1160 1161.cid-vakWYflFuW .item:focus, 1162.cid-vakWYflFuW span:focus { 1163 outline: none; 1164} 1165 1166.cid-vakWYflFuW .item { 1167 margin-bottom: 2rem; 1168} 1169 1170@media (max-width: 767px) { 1171 .cid-vakWYflFuW .item { 1172 margin-bottom: 1rem; 1173 } 1174} 1175 1176.cid-vakWYflFuW .item-wrapper { 1177 position: relative; 1178 border-radius: 4px; 1179 display: flex; 1180 flex-flow: column nowrap; 1181} 1182 1183.cid-vakWYflFuW .mbr-section-btn { 1184 margin-top: auto !important; 1185} 1186 1187.cid-vakWYflFuW .mbr-section-title { 1188 color: var(--background-dark-text); 1189 text-align: left; 1190} 1191 1192.cid-vakWYflFuW .mbr-text, 1193.cid-vakWYflFuW .mbr-section-btn { 1194 color: #838383; 1195 text-align: left; 1196} 1197 1198.cid-vakWYflFuW .item-title { 1199 color: var(--background-dark-text); 1200 text-align: left; 1201} 1202 1203.cid-vakWYflFuW .mbr-section-subtitle { 1204 color: var(--background-dark-text); 1205 text-align: left; 1206} 1207 1208</style> 1209<section class="tutorm5 people3 cid-vakWYflFuW" id="team-1-vakWYflFuW"> 1210 <div class="container"> 1211 <div class="row justify-content-center"> 1212 <div class="col-12 content-head"> 1213 <div class="mbr-section-head mb-5"> 1214 <h5 class="mbr-section-subtitle mbr-fonts-style align-center mt-4 display-7" data-mbr-ai-color="background-darkText">å¢é</h5> 1215 <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2" data-mbr-ai-color="background-darkText">**å¹åè±é**</h4> 1216 </div> 1217 </div> 1218 </div> 1219 <div class="row"> 1220 <div class="item features-image col-12 col-md-6 col-lg-3"> 1221 <div class="item-wrapper"> 1222 <div class="item-img mb-3"> 1223 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1489980791458-937dcbaf1d5b%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&e=1772928000&s=d7anbopxdwxJaH8GgFaz9GluBZGwM36MAwX0WA84EYU"> 1224 </div> 1225 <div class="item-content align-left"> 1226 <h5 class="item-title mbr-fonts-style mb-1 display-5" data-mbr-ai-color="background-darkText">ææ</h5> 1227 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7" data-mbr-ai-color="background-darkText">é¦å¸æ¶æå¸</h6> 1228 </div> 1229 </div> 1230 </div> 1231 <div class="item features-image col-12 col-md-6 col-lg-3"> 1232
1232 <div class="item-wrapper"> 1233 <div class="item-img mb-3"> 1234 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1692558588242-57cec1e32bba%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&e=1772928000&s=dRktm0DKTMUIMm_YL0EJHB528NQnW54tEELxFhs1mSM"> 1235 </div> 1236 <div class="item-content align-left"> 1237 <h5 class="item-title mbr-fonts-style mb-1 display-5" data-mbr-ai-color="background-darkText">çè³</h5> 1238 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7" data-mbr-ai-color="background-darkText">åææ»ç</h6> 1239 </div> 1240 </div> 1241 </div> 1242 <div class="item features-image col-12 col-md-6 col-lg-3"> 1243 <div class="item-wrapper"> 1244 <div class="item-img mb-3"> 1245 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1527718641255-324f8e2d0421%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&e=1772928000&s=fNUpqz_NM-6m-iVI-zWIdylbW9vKGr0GKE4EQKbjRio"> 1246 </div> 1247 <div class="item-content align-left"> 1248 <h5 class="item-title mbr-fonts-style mb-1 display-5" data-mbr-ai-color="background-darkText">å¼ ä¼</h5> 1249 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7" data-mbr-ai-color="background-darkText">ææ¯å¤§ç</h6> 1250 </div> 1251 </div> 1252 </div> 1253 <div class="item features-image col-12 col-md-6 col-lg-3"> 1254 <div class="item-wrapper"> 1255 <div class="item-img mb-3"> 1256 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1526835746352-0b9da4054862%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&e=1772928000&s=ekrQw1zRyLXwgZorrvuP-UiaLB-NWoViFkv9_6kQkRU"> 1257 </div> 1258 <div class="item-content align-left"> 1259 <h5 class="item-title mbr-fonts-style mb-1 display-5" data-mbr-ai-color="background-darkText">赵丽</h5> 1260 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7" data-mbr-ai-color="background-darkText">社åºè¿è¥</h6> 1261 </div> 1262 </div> 1263 </div> 1264 </div> 1265 </div> 1266</section> 1267 1268<style> 1269.cid-vakWYflEON { 1270 padding-top: 8rem; 1271 padding-bottom: 8rem; 1272 background-color: #FFFFFF; 1273} 1274 1275.cid-vakWYflEON .mbr-fallback-image.disabled { 1276 display: none; 1277} 1278 1279.cid-vakWYflEON .mbr-fallback-image { 1280 display: block; 1281 background-size: cover; 1282 background-position: center center; 1283 width: 100%; 1284 height: 100%; 1285 position: absolute; 1286 top: 0; 1287} 1288 1289.cid-vakWYflEON li { 1290 padding-bottom: 0.5rem; 1291} 1292 1293.cid-vakWYflEON .line { 1294 width: 100%; 1295 height: 2px; 1296 background: var(--secondary-light-text); 1297 margin-bottom: 1rem; 1298} 1299 1300.cid-vakWYflEON .col-lg-3 { 1301 border-top: 2px solid var(--secondary-light-text); 1302 padding-top: 1rem; 1303} 1304 1305.cid-vakWYflEON .mbr-text { 1306 line-height: 1.2; 1307 color: #000000; 1308} 1309 1310.cid-vakWYflEON .card-wrapper { 1311 overflow: hidden; 1312 background: var(--secondary-light-color); 1313 padding: 4rem 3rem; 1314} 1315 1316@media (max-width: 767px) { 1317 .cid-vakWYflEON .card-wrapper { 1318 padding: 2rem 1rem; 1319 } 1320} 1321 1322.cid-vakWYflEON .image-wrapper { 1323 padding: 0 1rem; 1324} 1325 1326.cid-vakWYflEON .mbr-section-title { 1327 color: var(--secondary-light-text); 1328 text-align: center; 1329} 1330 1331.cid-vakWYflEON .mbr-text, 1332.cid-vakWYflEON .mbr-section-btn { 1333 color: var(--secondary-light-text); 1334 text-align: center; 1335} 1336 1337.cid-vakWYflEON .mbr-card-title { 1338 color: var(--secondary-light-text); 1339} 1340 1341.cid-vakWYflEON .mbr-card-title2 { 1342 text-align: left; 1343} 1344.cid-vakWYflEON .mbr-card-title1 { 1345 text-align: left; 1346} 1347@media (max-width: 992px) { 1348 .cid-vakWYflEON .mbr-card-title2 { 1349 text-align: left; 1350 } 1351} 1352 1353.cid-vakWYflEON .mbr-card-title2 { 1354 color: var(--secondary-light-text); 1355} 1356 1357.cid-vakWYflEON .mbr-list { 1358 color: var(--secondary-light-text); 1359} 1360 1361</style> 1362<section class="tutorm5 pricing1 cid-vakWYflEON" id="pricing-cards-1-vakWYflEON"> 1363 <div class="container"> 1364 <div class="row justify-content-center align-items-center"> 1365 <div class="col-12"> 1366 <div class="card-wrapper"> 1367 <div class="row"> 1368 <div class="col-12 col-lg-12 mb-5 col-md-12"> 1369 <div class="text-wrapper align-left"> 1370 <h1 class="mbr-section-title mbr-fonts-style mb-4 display-2">éæ©ä½ çä¸å±å¥é¤</h1> 1371 <p class="mbr-text mbr-fonts-style mb-4 display-5">æ»æä¸æ¬¾éåä½ ï¼è®©ç²¾å½©æ°¸ä¸é´æã</p> 1372 </div> 1373 </div> 1374 </div> 1375 <div class="row"> 1376 <div class="col-lg-6"> 1377 <div class="line"></div> 1378 <div class="row my-auto"> 1379 <div class="col-lg-12 my-auto"> 1380 <h2 class="mbr-card-title mbr-fonts-style display-5">å è´¹</h2> 1381 </div> 1382 <div class="col-lg-12"> 1383 <h2 class="mbr-card-title2 mbr-fonts-style display-2 mb-4">Â¥0</h2> 1384 </div> 1385 </div> 1386 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 1387 <li>åºç¡è§ç</li> 1388 <li>æé广å</li> 1389 <li>æ®éç»è´¨</li> 1390 </ul> 1391 </div> 1392 <div class="col-lg-6"> 1393 <div class="line"></div> 1394 <div class="row my-auto"> 1395 <div class="col-lg-12 my-auto"> 1396 <h2 class="mbr-card-title mbr-fonts-style display-5">VIP</h2> 1397 </div> 1398 <div class="col-lg-12"> 1399 <h2 class="mbr-card-title2 mbr-fonts-style display-2 mb-4">Â¥29.9/æ</h2> 1400 </div> 1401 </div> 1402 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 1403 <li>æ 广å</li> 1404 <li>髿¸ ç»è´¨</li> 1405 <li>å ¨é¨è§£é</li> 1406 </ul> 1407 </div> 1408 </div> 1409 </div> 1410 </div> 1411 </div> 1412 </div> 1413</section> 1414 1415<style> 1416.cid-vakWYfly1X { 1417 padding-top: 6rem; 1418 padding-bottom: 6rem; 1419 background-color: var(--background-dark); 1420} 1421 1422.cid-vakWYfly1X .mbr-fallback-image.disabled { 1423 display: none; 1424} 1425 1426.cid-vakWYfly1X .row { 1427 background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1673767297353-0a4c8ad61b05%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MzB8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=_-_NOqgNZARQgKXviBRONTprJ8puKfVHdRG1atFLH9A"); 1428 justify-content: center; 1429 background-size: cover; 1430 padding: 4rem; 1431 padding-bottom: 20rem; 1432} 1433 1434@media (max-width: 767px) { 1435 .cid-vakWYfly1X .row { 1436 padding: 2rem 1rem; 1437 } 1438} 1439 1440.cid-vakWYfly1X .mbr-fallback-image { 1441 display: block; 1442 background-size: cover; 1443 background-position: center center; 1444 width: 100%; 1445 height: 100%; 1446 position: absolute; 1447 top: 0; 1448} 1449 1450@media (max-width: 992px) { 1451 .cid-vakWYfly1X .container {
1452 padding: 0 30px; 1453 } 1454} 1455 1456.cid-vakWYfly1X .title-wrapper { 1457 margin-bottom: 90px; 1458} 1459 1460@media (max-width: 992px) { 1461 .cid-vakWYfly1X .title-wrapper { 1462 margin-bottom: 30px; 1463 } 1464} 1465 1466.cid-vakWYfly1X .title-wrapper .mbr-section-title { 1467 margin-bottom: 0; 1468} 1469 1470.cid-vakWYfly1X .list-wrapper { 1471 position: relative; 1472 z-index: 1; 1473 padding: 20px 0; 1474} 1475 1476.cid-vakWYfly1X .list-wrapper .mbr-section-subtitle { 1477 margin-bottom: 10px; 1478} 1479 1480@media (max-width: 992px) { 1481 .cid-vakWYfly1X .list-wrapper .mbr-section-subtitle { 1482 margin-bottom: 15px; 1483 } 1484} 1485 1486.cid-vakWYfly1X .list-wrapper .list { 1487 padding: 0; 1488 margin: 0; 1489 list-style-type: none; 1490} 1491 1492.cid-vakWYfly1X .list-wrapper .list .item-wrap { 1493 line-height: 50px; 1494} 1495 1496.cid-vakWYfly1X .card-wrapper { 1497 overflow: hidden; 1498} 1499 1500.cid-vakWYfly1X .card-wrapper::before { 1501 content: ''; 1502 position: absolute; 1503 top: 0; 1504 left: 0; 1505 width: 100%; 1506 height: 100%; 1507 opacity: 0.7; 1508 background-color: var(--background-dark); 1509 pointer-event: none; 1510 border-radius: 2rem; 1511} 1512 1513.cid-vakWYfly1X .mbr-section-title { 1514 color: #ffffff; 1515 text-align: center; 1516} 1517 1518.cid-vakWYfly1X .mbr-section-subtitle { 1519 color: var(--background-dark-text); 1520} 1521 1522.cid-vakWYfly1X .list { 1523 color: #000000; 1524} 1525 1526.cid-vakWYfly1X .list, 1527.cid-vakWYfly1X .item-wrap { 1528 color: var(--background-dark-text); 1529} 1530 1531</style> 1532<section class="tutorm5 list1 cid-vakWYfly1X" id="generic-text-5-vakWYfly1X"> 1533 <div class="container"> 1534 <div class="row card-wrapper"> 1535 <div class="col-12"> 1536 </div> 1537 <div class="col-12 col-lg-3 col-md-6"> 1538 <div class="list-wrapper"> 1539 <h5 class="mbr-section-subtitle mbr-fonts-style display-4">æ¨è</h5> 1540 <ul class="list mbr-fonts-style display-4"> 1541 <li class="item-wrap">çç¬éé¦</li> 1542 <li class="item-wrap">æ²»æç¬é´</li> 1543 <li class="item-wrap">ç¥æä½</li> 1544 </ul> 1545 </div> 1546 </div> 1547 <div class="col-12 col-lg-3 col-md-6"> 1548 <div class="list-wrapper"> 1549 <h5 class="mbr-section-subtitle mbr-fonts-style display-4">åç±»</h5> 1550 <ul class="list mbr-fonts-style display-4"> 1551 <li class="item-wrap">å½±è§åªè¾</li> 1552 <li class="item-wrap">游æéé¦</li> 1553 <li class="item-wrap">ç¾é£å¶ä½</li> 1554 </ul> 1555 </div> 1556 </div> 1557 <div class="col-12 col-lg-3 col-md-6"> 1558 <div class="list-wrapper"> 1559 <h5 class="mbr-section-subtitle mbr-fonts-style display-4">çç¹</h5> 1560 <ul class="list mbr-fonts-style display-4"> 1561 <li class="item-wrap">ç§æåæ²¿</li> 1562 <li class="item-wrap">æ è¡é£å </li> 1563 <li class="item-wrap">æ¶å°ç©¿æ</li> 1564 </ul> 1565 </div> 1566 </div> 1567 <div class="col-12 col-lg-3 col-md-6"> 1568 <div class="list-wrapper"> 1569 <h5 class="mbr-section-subtitle mbr-fonts-style display-4">ç¨æ·</h5> 1570 <ul class="list mbr-fonts-style display-4"> 1571 <li class="item-wrap">达人</li> 1572 <li class="item-wrap">æ°äºº</li> 1573 <li class="item-wrap">大ç¥</li> 1574 </ul> 1575 </div> 1576 </div> 1577 </div> 1578 </div> 1579</section> 1580 1581<style> 1582.cid-vakWYflKwo { 1583 padding-top: 6rem; 1584 padding-bottom: 6rem; 1585 background-color: var(--background-dark); 1586} 1587 1588.cid-vakWYflKwo .mbr-fallback-image.disabled { 1589 display: none; 1590} 1591 1592.cid-vakWYflKwo .mbr-fallback-image { 1593 display: block; 1594 background-size: cover; 1595 background-position: center center; 1596 width: 100%; 1597 height: 100%; 1598 position: absolute; 1599 top: 0; 1600} 1601 1602@media (max-width: 992px) { 1603 .cid-vakWYflKwo .container { 1604 padding: 0 20px; 1605 } 1606} 1607 1608@media (max-width: 767px) { 1609 .cid-vakWYflKwo .container { 1610 padding: 0 4px; 1611 } 1612} 1613 1614.cid-vakWYflKwo .row { 1615 margin: 0; 1616} 1617 1618.cid-vakWYflKwo .row .title-wrapper .mbr-section-title { 1619 margin-bottom: 50px; 1620} 1621 1622@media (max-width: 992px) { 1623 .cid-vakWYflKwo .row .title-wrapper .mbr-section-title { 1624 margin-bottom: 32px; 1625 } 1626} 1627 1628.cid-vakWYflKwo .row .panel-group .card { 1629 border-bottom: 1px solid var(--background-dark-text); 1630 border-radius: 0 !important; 1631} 1632 1633.cid-vakWYflKwo .row .panel-group .card:first-child { 1634 border-top: 1px solid var(--background-dark-text); 1635} 1636 1637.cid-vakWYflKwo .row .panel-group .card .card-header { 1638 padding: 32px 0; 1639 border-bottom: none; 1640 background-color: transparent; 1641} 1642 1643.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title { 1644 display: flex; 1645 justify-content: space-between; 1646 align-items: center; 1647} 1648 1649.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title:not(.collapsed) .mbr-iconfont { 1650 transform: rotate(-45deg); 1651} 1652 1653.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title .panel-title-edit { 1654 margin-bottom: 0; 1655} 1656 1657.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title .mbr-iconfont { 1658 font-size: 24px; 1659 transition: all 0.3s ease-out; 1660} 1661 1662.cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body { 1663 margin-bottom: 50px; 1664} 1665 1666@media (max-width: 992px) { 1667 .cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body { 1668 margin-bottom: 32px; 1669 } 1670} 1671 1672.cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body .mbr-text { 1673 margin-bottom: 50px; 1674} 1675 1676@media (max-width: 992px) { 1677 .cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body .mbr-text { 1678 margin-bottom: 32px; 1679 } 1680} 1681 1682.cid-vakWYflKwo .mbr-section-title { 1683 color: var(--background-dark-text); 1684 text-align: left; 1685} 1686 1687.cid-vakWYflKwo .panel-title-edit, 1688.cid-vakWYflKwo .mbr-iconfont { 1689 color: var(--background-dark-text); 1690} 1691 1692.cid-vakWYflKwo .mbr-text { 1693 color: var(--background-dark-text); 1694} 1695 1696</style> 1697<section class="tutorm5 list2 cid-vakWYflKwo" id="faq-1-vakWYflKwo"> 1698 <div class="container"> 1699 <div class="row"> 1700 <div class="col-12"> 1701 <div class="title-wrapper"> 1702 <h3 class="mbr-section-title mbr-fonts-style display-2">**常è§çé®è§£ç**</h3> 1703 </div> 1704 <div id="bootstrap-accordion_27" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true"> 1705 <div class="card"> 1706 <div class="card-header" role="tab" id="headingOne"> 1707 <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse1_27" aria-expanded="false" aria-controls="collapse1"> 1708 <h4 class="panel-title-edit mbr-fonts-style display-5">å¦ä½å¼å§å¶ä½è§é¢ï¼</h4>
1709 <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span> 1710 </a> 1711 </div> 1712 <div id="collapse1_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27"> 1713 <div class="panel-body"> 1714 <p class="mbr-fonts-style mbr-text display-4">ç¹å»âå建âæé®ï¼éæ©æ¨¡æ¿æä»å¤´å¼å§ï¼ç¶åæ·»å ä½ çç´ æååæå³å¯ã</p> 1715 </div> 1716 </div> 1717 </div> 1718 <div class="card"> 1719 <div class="card-header" role="tab" id="headingTwo"> 1720 <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse2_27" aria-expanded="false" aria-controls="collapse2"> 1721 <h4 class="panel-title-edit mbr-fonts-style display-5">è§é¢æ¶é¿æéå¶åï¼</h4> 1722 <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span> 1723 </a> 1724 </div> 1725 <div id="collapse2_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27"> 1726 <div class="panel-body"> 1727 <p class="mbr-fonts-style mbr-text display-4">ç®åçè§é¢æ¶é¿ä¸é为60ç§ï¼ä½æä»¬æ£å¨èèå¢å æ´é¿çé项ã</p> 1728 </div> 1729 </div> 1730 </div> 1731 <div class="card"> 1732 <div class="card-header" role="tab" id="headingThree"> 1733 <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse3_27" aria-expanded="false" aria-controls="collapse3"> 1734 <h4 class="panel-title-edit mbr-fonts-style display-5">å¯ä»¥ä¸è½½è§é¢åï¼</h4> 1735 <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span> 1736 </a> 1737 </div> 1738 <div id="collapse3_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27"> 1739 <div class="panel-body"> 1740 <p class="mbr-fonts-style mbr-text display-4">å½ç¶ï¼ä½ å¯ä»¥å°èªå·±åä½çè§é¢ä¸è½½å°æ¬å°è®¾å¤ï¼éæ¶ä¿åã</p> 1741 </div> 1742 </div> 1743 </div> 1744 <div class="card"> 1745 <div class="card-header" role="tab" id="headingFour"> 1746 <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse4_27" aria-expanded="false" aria-controls="collapse4"> 1747 <h4 class="panel-title-edit mbr-fonts-style display-5">ä¸ä¼ è§é¢æéå¶åï¼</h4> 1748 <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span> 1749 </a> 1750 </div> 1751 <div id="collapse4_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingFour" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27"> 1752 <div class="panel-body"> 1753 <p class="mbr-fonts-style mbr-text display-4">æ¯æå¤ç§è§é¢æ ¼å¼ï¼ä½è¯·ç¡®ä¿æä»¶å¤§å°å¨åçèå´å ï¼ä»¥ä¿è¯ä¸ä¼ é度ã</p> 1754 </div> 1755 </div> 1756 </div> 1757 <div class="card"> 1758 <div class="card-header" role="tab" id="headingFive"> 1759 <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse5_27" aria-expanded="false" aria-controls="collapse5"> 1760 <h4 class="panel-title-edit mbr-fonts-style display-5">å¦ä½è·å¾æ´å¤çµæï¼</h4>
1761 <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span> 1762 </a> 1763 </div> 1764 <div id="collapse5_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingFive" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27"> 1765 <div class="panel-body"> 1766 <p class="mbr-fonts-style mbr-text display-4">æµè§çé¨è§é¢ï¼å ³æ³¨ä½ 忬¢çåä½è ï¼åä¸ç¤¾åºææï¼çµæä¼å¦æ³æ¶è¬èæ¥ã</p> 1767 </div> 1768 </div> 1769 </div> 1770 </div> 1771 </div> 1772 </div> 1773 </div> 1774</section> 1775 1776<style> 1777.cid-vakWYfluDb { 1778 padding-top: 6rem; 1779 padding-bottom: 6rem; 1780 background-color: var(--background-dark); 1781} 1782 1783.cid-vakWYfluDb .mbr-fallback-image.disabled { 1784 display: none; 1785} 1786 1787.cid-vakWYfluDb .mbr-fallback-image { 1788 display: block; 1789 background-size: cover; 1790 background-position: center center; 1791 width: 100%; 1792 height: 100%; 1793 position: absolute; 1794 top: 0; 1795} 1796 1797.cid-vakWYfluDb .content-head { 1798 max-width: 800px; 1799} 1800 1801.cid-vakWYfluDb .mbr-section-title { 1802 color: var(--background-dark-text); 1803 text-align: center; 1804} 1805 1806</style> 1807<section class="tutorm5 video1 cid-vakWYfluDb" id="video-2-vakWYfluDb"> 1808 <div class="align-center container"> 1809 <div class="row justify-content-center"> 1810 <div class="col-12 content-head"> 1811 <div class="mbr-section-head mb-5"> 1812 <h4 class="mbr-section-title mbr-fonts-style mb-0 display-2">仿¥æ¨è</h4> 1813 </div> 1814 </div> 1815 </div> 1816 <div class="row justify-content-center"> 1817 <div class="col-12 col-lg-12"> 1818 <div class="mbr-figure"><iframe class="mbr-embedded-video" width="1280" height="720" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/kwmHaXUAa0M?autoplay=1&loop=1&playlist=kwmHaXUAa0M&t=20&mute=1&playsinline=1&controls=0&showinfo=0&autohide=1&allowfullscreen=true&mode=transparent"></iframe></div> 1819 </div> 1820 </div> 1821 </div> 1822</section> 1823 1824<style> 1825.cid-vakWYfl07B { 1826 display: flex; 1827 overflow: hidden; 1828} 1829 1830.cid-vakWYfl07B .mbr-fallback-image.disabled { 1831 display: none; 1832} 1833 1834.cid-vakWYfl07B .mbr-fallback-image { 1835 display: block; 1836 background-size: cover; 1837 background-position: center center; 1838 width: 100%; 1839 height: 100%; 1840 position: absolute; 1841 top: 0; 1842 background-image: url("../_images/background1.jpg"); 1843} 1844 1845</style> 1846<section class="tutorm5 header1 cid-vakWYfl07B mbr-fullscreen" data-bg-video="https://www.youtube.com/embed/kImV0PLcY4A?autoplay=1&loop=1&playlist=kImV0PLcY4A&t=20&mute=1&playsinline=1&controls=0&showinfo=0&autohide=1&allowfullscreen=true&mode=transparent" id="video-3-vakWYfl07B"> 1847 <div class="mbr-fallback-image disabled"></div> 1848 <div class="container"> 1849 <div class="row"> 1850 </div> 1851 </div> 1852</section> 1853 1854<style> 1855.cid-vakWYfli4B { 1856 padding-top: 7rem; 1857 padding-bottom: 7rem; 1858 background-color: #ffffff; 1859} 1860 1861.cid-vakWYfli4B .mbr-text { 1862 color: #000000; 1863} 1864 1865.cid-vakWYfli4B .mbr-section-subtitle { 1866 color: #000000; 1867} 1868 1869.cid-vakWYfli4B .mbr-section-title { 1870 color: #000000; 1871} 1872 1873.cid-vakWYfli4B .mbr-card-title { 1874 color: #ffffff; 1875} 1876 1877.cid-vakWYfli4B .mbr-card-title, 1878.cid-vakWYfli4B .line { 1879 color: #000000; 1880} 1881 1882.cid-vakWYfli4B .mbr-text1 { 1883 color: #000000; 1884} 1885 1886.cid-vakWYfli4B h4 { 1887 line-height: 1.2; 1888} 1889 1890</style> 1891<section class="tutorm5 features10 cid-vakWYfli4B" id="features-9-vakWYfli4B"> 1892 <div class="container"> 1893 <div class="row justify-content-end"> 1894 <div class="col-md-12 col-lg-6"> 1895 <h4 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7">åè½</h4> 1896 <h3 class="mbr-section-title mbr-fonts-style mb-3 mt-0 display-2">强大</h3> 1897 <p class="mbr-text1 mbr-fonts-style display-5">䏿¢äºæ¤</p> 1898 </div> 1899 <div class="col-md-12 col-lg-6"> 1900 <div class="row"> 1901 <div class="col-lg-6"> 1902 <div class="item pb-4"> 1903 <h4 class="mbr-card-title mbr-fonts-style display-5">æºè½æç´¢</h4> 1904 <p class="mbr-text mbr-fonts-style display-7">å¿«éå®ä½ä½ æ³ççä»»ä½è§é¢ã</p> 1905 </div> 1906 </div> 1907 <div class="col-lg-6"> 1908 <div class="item pb-4"> 1909 <h4 class="mbr-card-title mbr-fonts-style display-5">ä¸ªæ§æ¨è</h4> 1910 <p class="mbr-text mbr-fonts-style display-7">æ ¹æ®ä½ çè§çä¹ æ¯æ¨éã</p> 1911 </div> 1912 </div> 1913 <div class="col-lg-6"> 1914 <div class="item pb-4"> 1915 <h4 class="mbr-card-title mbr-fonts-style display-5">髿¸ ææ¾</h4> 1916 <p class="mbr-text mbr-fonts-style display-7">æµç æ å¡é¡¿ï¼è§å½±æ°ä½éªã</p> 1917 </div> 1918 </div> 1919 <div class="col-lg-6"> 1920 <div class="item pb-4"> 1921 <h4 class="mbr-card-title mbr-fonts-style display-5">ä¸é®å享</h4> 1922 <p class="mbr-text mbr-fonts-style display-7">å°ç²¾å½©ç¬é´åäº«ç»æåã</p> 1923 </div> 1924 </div> 1925 </div> 1926 </div> 1927 </div> 1928 </div> 1929</section> 1930 1931<style> 1932.cid-vakWYflyoC { 1933 display: flex; 1934 background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1625690303837-654c9666d2d0%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTl8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=E3yp8ibdO_TiX8zkfnuIuKn8QIHPhC5rkT3--FOhj30"); 1935 overflow: hidden; 1936} 1937 1938.cid-vakWYflyoC .mbr-overlay { 1939 background-color: #f92c50; 1940 opacity: 0.5; 1941} 1942 1943.cid-vakWYflyoC .mbr-fallback-image.disabled { 1944 display: none; 1945} 1946 1947.cid-vakWYflyoC .mbr-fallback-image { 1948 display: block; 1949 background-size: cover; 1950 background-position: center center; 1951 width: 100%; 1952 height: 100%; 1953 position: absolute; 1954 top: 0; 1955} 1956 1957</style> 1958<section class="tutorm5 header1 cid-vakWYflyoC mbr-fullscreen mbr-parallax-background" id="image-1-vakWYflyoC"> 1959 <div class="container"> 1960 <div class="row"> 1961 </div> 1962 </div> 1963</section> 1964 1965<style> 1966.cid-vakWYflkda { 1967 padding-top: 6rem; 1968 padding-bottom: 6rem; 1969 background-color: #FFFFFF; 1970} 1971 1972.cid-vakWYflkda .item:focus, 1973.cid-vakWYflkda span:focus { 1974 outline: none; 1975} 1976 1977.cid-vakWYflkda .item { 1978 margin-bottom: 2rem; 1979} 1980 1981@media (max-width: 767px) { 1982 .cid-vakWYflkda .item { 1983 margin-bottom: 1rem; 1984 } 1985} 1986 1987.cid-vakWYflkda .mbr-card-title { 1988 background: var(--primary-lighten-color); 1989 width: fit-content; 1990 border-radius: 1rem; 1991 padding: 6px 10px; 1992} 1993 1994.cid-vakWYflkda .item-content { 1995 margin-top: 2rem; 1996 padding: 0 2rem 2rem; 1997 display: flex; 1998 flex-direction: column; 1999 height: 100%; 2000} 2001 2002@media (min-width: 992px) and (max-width: 1200px) { 2003 .cid-vakWYflkda .item-content { 2004 padding: 2rem 1.5rem; 2005 padding-top: 1rem; 2006 margin-top: 1rem; 2007 } 2008} 2009 2010@media (max-width: 767px) { 2011 .cid-vakWYflkda .item-content { 2012 padding: 1rem 1rem; 2013 padding-top: 1rem; 2014 margin-top: 1rem; 2015 } 2016} 2017 2018.cid-vakWYflkda .item-wrapper { 2019 position: relative; 2020 background: var(--background); 2021 height: 100%; 2022 display: flex; 2023 flex-flow: column nowrap; 2024} 2025 2026.cid-vakWYflkda .item-wrapper .item-footer { 2027 margin-top: auto; 2028} 2029 2030.cid-vakWYflkda .mbr-section-title { 2031 color: var(--background-text); 2032 text-align: center; 2033} 2034 2035.cid-vakWYflkda .mbr-text, 2036.cid-vakWYflkda .item .mbr-section-btn { 2037 text-align: center; 2038} 2039 2040.cid-vakWYflkda .content-head { 2041 max-width: 800px; 2042} 2043 2044.cid-vakWYflkda .mbr-number { 2045 color: var(--primary-darken-color); 2046} 2047 2048.cid-vakWYflkda .mbr-section-subtitle, 2049.cid-vakWYflkda .mbr-section-head .mbr-section-btn { 2050 text-align: center; 2051 color: var(--background-text); 2052} 2053 2054.cid-vakWYflkda .mbr-text { 2055 text-align: left; 2056} 2057 2058.cid-vakWYflkda .mbr-text, 2059.cid-vakWYflkda .mbr-card-btn { 2060 text-align: left; 2061} 2062 2063.cid-vakWYflkda .mbr-text, 2064.cid-vakWYflkda .mbr-section-btn { 2065 text-align: left; 2066} 2067 2068.cid-vakWYflkda .mbr-text, 2069.cid-vakWYflkda .item-footer .mbr-section-btn { 2070 text-align: left; 2071} 2072 2073.cid-vakWYflkda .card-text, 2074.cid-vakWYflkda .item .mbr-section-btn { 2075 text-align: left; 2076 color: var(--background-text); 2077} 2078 2079.cid-vakWYflkda .card-title { 2080 text-align: left; 2081} 2082 2083</style> 2084<section class="tutorm5 features4 cid-vakWYflkda" id="features-3-vakWYflkda"> 2085 <div class="container"> 2086 <div class="row justify-content-center"> 2087 <div class="col-12 content-head"> 2088 <div class="mbr-section-head mb-5"> 2089 <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">为ä½éæ©æä»¬ï¼</h4> 2090 </div> 2091 </div> 2092 </div> 2093 <div class="row"> 2094 <div class="item features-without-image col-12 col-md-6 col-lg-3 active"> 2095 <div class="item-wrapper"> 2096 <div class="item-content"> 2097 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5" data-mbr-ai-color="primary-lightenText"> +01</h5> 2098 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4" data-mbr-ai-color="dominantText">æ¯æ¥æ´æ°ï¼æ°é²å 容永ä¸é´æã</p> 2099 </div> 2100 </div> 2101 </div> 2102 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 2103 <div class="item-wrapper"> 2104 <div class="item-content"> 2105 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5" data-mbr-ai-color="primary-lightenText"> +02</h5> 2106 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4" data-mbr-ai-color="dominantText">æºè½æ¨èï¼æä½ å好çè§é¢ã</p> 2107 </div> 2108 </div> 2109 </div> 2110 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 2111 <div class="item-wrapper"> 2112 <div class="item-content"> 2113 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5" data-mbr-ai-color="primary-lightenText"> +03</h5> 2114 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4" data-mbr-ai-color="dominantText">髿¸ ç»è´¨ï¼æè´è§å¬äº«åã</p> 2115 </div> 2116 </div> 2117 </div> 2118 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 2119 <div class="item-wrapper"> 2120 <div class="item-content"> 2121 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5" data-mbr-ai-color="primary-lightenText"> +04</h5> 2122 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4" data-mbr-ai-color="dominantText">äºå¨ç¤¾åºï¼ä¸å好ä¸èµ·å¨ï¼</p> 2123 </div> 2124 </div> 2125 </div> 2126 </div> 2127 </div> 2128</section> 2129 2130<style> 2131.cid-vakWYfl989 {
2132 padding-top: 6rem; 2133 padding-bottom: 6rem; 2134 background-color: var(--background-dark); 2135} 2136 2137.cid-vakWYfl989 .item:focus, 2138.cid-vakWYfl989 span:focus { 2139 outline: none; 2140} 2141 2142.cid-vakWYfl989 .item { 2143 cursor: pointer; 2144} 2145 2146.cid-vakWYfl989 .grid-container { 2147 grid-row-gap: 2rem; 2148} 2149 2150@media (max-width: 767px) { 2151 .cid-vakWYfl989 .grid-container { 2152 grid-row-gap: 1rem; 2153 } 2154} 2155 2156.cid-vakWYfl989 .grid-container-1, 2157.cid-vakWYfl989 .grid-container-2 { 2158 gap: 0 2rem; 2159} 2160 2161@media (max-width: 767px) { 2162 2163 .cid-vakWYfl989 .grid-container-1, 2164 .cid-vakWYfl989 .grid-container-2 { 2165 gap: 0 1rem; 2166 } 2167} 2168 2169.cid-vakWYfl989 .mbr-section-title { 2170 margin-bottom: 50px; 2171 color: var(--background-dark-text); 2172 text-align: center; 2173} 2174 2175@media (max-width: 992px) { 2176 .cid-vakWYfl989 .mbr-section-title { 2177 margin-bottom: 32px; 2178 } 2179} 2180 2181.cid-vakWYfl989 .content-head { 2182 max-width: 800px; 2183} 2184 2185.cid-vakWYfl989 .container, 2186.cid-vakWYfl989 .container-fluid { 2187 overflow: hidden; 2188} 2189 2190.cid-vakWYfl989 .grid-container { 2191 display: grid; 2192 transform: translate3d(-3rem, 0, 0); 2193 width: 115vw; 2194 grid-column-gap: 1rem; 2195} 2196 2197.cid-vakWYfl989 .grid-item { 2198 display: flex; 2199 justify-content: center; 2200 align-items: center; 2201} 2202 2203.cid-vakWYfl989 .grid-item img { 2204 min-width: 30vw; 2205 max-width: 100%; 2206 height: 400px; 2207 object-fit: cover; 2208} 2209 2210@media (max-width: 1200px) { 2211 .cid-vakWYfl989 .grid-item img { 2212 height: 350px; 2213 } 2214} 2215 2216@media (max-width: 767px) { 2217 .cid-vakWYfl989 .grid-item img { 2218 min-width: 35vw; 2219 height: 160px; 2220 } 2221} 2222 2223.cid-vakWYfl989 .grid-container-1, 2224.cid-vakWYfl989 .grid-container-2 { 2225 display: grid; 2226 grid-template-columns: repeat(4, 1fr); 2227 grid-auto-columns: 1fr; 2228 grid-auto-flow: column; 2229} 2230 2231.cid-vakWYfl989 .grid-container-1 { 2232 align-items: flex-end; 2233} 2234 2235.cid-vakWYfl989 .grid-container-2 { 2236 align-items: flex-start; 2237} 2238 2239</style> 2240<section class="gallery1 tutorm5 cid-vakWYfl989" id="gallery-1-vakWYfl989"> 2241 <div class="container-fluid gallery-wrapper"> 2242 <div class="row justify-content-center"> 2243 <div class="col-12 content-head"> 2244 <div class="mbr-section-head"> 2245 <h4 class="mbr-section-title mbr-fonts-style display-2">æµ·é精彩è§é¢ï¼æ¯æ¥æ´æ°ï¼æ°¸ä¸æ¯ç«ï¼</h4> 2246 </div> 2247 </div> 2248 </div> 2249 <div class="grid-container"> 2250 <div class="grid-container-1" style="transform: translate3d(-200px, 0px, 0px);"> 2251 <div class="grid-item"> 2252 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1584224549374-995cbac1ab62%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Mjh8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=4HXo3TfI6lQUN3RUXb3yvJJyXnwBJzpQM0Lx1tP62sg"> 2253 </div> 2254 <div class="grid-item"> 2255 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1497015455546-1da71faf8d06%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8OHx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=0QP7vbahce-pzxOipFLvya9tvzzTMXquaCWm0pnBTlk"> 2256 </div> 2257 <div class="grid-item"> 2258 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1535540878298-a155c6d065ef%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8N3x8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=5jHCTMgp0g6qOLdME2ZhN_rW4obvKbDHdTMPQoyncMk"> 2259 </div> 2260 <div class="grid-item"> 2261 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1497015289639-54688650d173%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8M3x8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=9eG0Jzd4bV8u9-6NMmSPOnWfresKXh_n5u2bbITUQRI"> 2262 </div> 2263 </div> 2264 <div class="grid-container-2" style="transform: translate3d(-70px, 0px, 0px);"> 2265 <div class="grid-item"> 2266 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1599240211563-17590b1af857%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Mjd8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=YzTkj6TN5D9lEGsGGEojN0X_b2Swu2MbfBxoW4K3k-o"> 2267 </div> 2268 <div class="grid-item"> 2269 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1614963326505-843868e1d83a%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MjR8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=49y-aDss75zSSqibiiVPNcL35XSzHagMDBqsekzis-8"> 2270 </div> 2271 <div class="grid-item"> 2272 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1607112812619-182cb1c7bb61%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MjJ8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=6EFuCtHrzYprTerH1twrpgX7Wgq7TSo5eqDpjgxdCn0"> 2273 </div> 2274 <div class="grid-item"> 2275 <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1577190651915-bf62d54d5b36%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTB8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=77CyokjxJCnnkWbejLHNMFfCMHEOzXgWV0mSlfKfm-E"> 2276 </div> 2277 </div> 2278 </div> 2279 </div> 2280</section> 2281 2282<style> 2283.cid-vakWYflh5Y { 2284 padding-top: 7rem; 2285 padding-bottom: 7rem; 2286 background-color: var(--background-dark); 2287} 2288 2289.cid-vakWYflh5Y .mbr-text { 2290 color: var(--background-dark-text); 2291} 2292 2293.cid-vakWYflh5Y .mbr-section-subtitle { 2294 color: var(--background-dark-text); 2295} 2296 2297.cid-vakWYflh5Y .mbr-section-title { 2298 color: var(--background-dark-text); 2299} 2300 2301</style> 2302<section class="tutorm5 article3 cid-vakWYflh5Y" id="generic-text-4-vakWYflh5Y"> 2303 <div class="container"> 2304 <div class="row justify-content-end"> 2305 <div class="col-md-12 col-lg-6"> 2306 <h4 class="mbr-section-subtitle mbr-fonts-style mb-3 display-7" data-mbr-ai-color="background-darkText">å ³äº</h4> 2307 <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2" data-mbr-ai-color="background-darkText">è§é¢ä¹å</h3> 2308 </div> 2309 <div class="col-md-12 col-lg-6"> 2310 <div class="image-wrapper"> 2311 <img class="w-100" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1492619375914-88005aa9e8fb%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Nnx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=SUiUV4cBB9UzAJLuOHNU1XB2pA3np8inmdAD1zPlIOQ"> 2312 </div> 2313 <p class="mbr-text mt-3 mbr-fonts-style display-5" data-mbr-ai-color="background-darkText">ä¸ä¸ªè®©ä½ æ²è¿·ççè§é¢ä¸çï¼å 容丰å¯ï¼æ´æ°è¿ éã</p> 2314 </div> 2315 </div> 2316 </div> 2317</section> 2318 2319<style> 2320.cid-vakWYflSFu { 2321 padding-top: 5rem; 2322 padding-bottom: 5rem; 2323 background-color: var(--background-dark); 2324} 2325 2326.cid-vakWYflSFu .mbr-fallback-image.disabled { 2327 display: none; 2328} 2329 2330.cid-vakWYflSFu .mbr-fallback-image { 2331 display: block; 2332 background-size: cover; 2333 background-position: center center; 2334 width: 100%; 2335 height: 100%; 2336 position: absolute; 2337 top: 0; 2338} 2339 2340.cid-vakWYflSFu .end { 2341 justify-content: flex-end; 2342} 2343 2344.cid-vakWYflSFu .title .num { 2345 width: 100%; 2346 display: block; 2347} 2348 2349.cid-vakWYflSFu .title .card-title { 2350 z-index: 1; 2351} 2352 2353.cid-vakWYflSFu .item-wrapper { 2354 margin-bottom: 2rem; 2355} 2356 2357.cid-vakWYflSFu .num { 2358 color: var(--background-dark-text); 2359} 2360 2361.cid-vakWYflSFu .item-mb { 2362 margin-bottom: 2rem; 2363} 2364 2365@media (max-width: 767px) { 2366 .cid-vakWYflSFu .item-mb { 2367 margin-bottom: 1rem; 2368 } 2369} 2370 2371@media (max-width: 767px) { 2372 .cid-vakWYflSFu * { 2373 text-align: center !important; 2374 } 2375 2376 .cid-vakWYflSFu .content-column { 2377 margin-bottom: 2rem; 2378 } 2379} 2380 2381.cid-vakWYflSFu .mbr-section-title, 2382.cid-vakWYflSFu .card-box { 2383 text-align: left; 2384 color: var(--background-dark-text); 2385} 2386 2387.cid-vakWYflSFu .mbr-text, 2388.cid-vakWYflSFu .mbr-section-btn { 2389 color: #ffffff; 2390} 2391 2392.cid-vakWYflSFu .card-title, 2393.cid-vakWYflSFu .card-img { 2394 color: var(--background-dark-text); 2395} 2396 2397.cid-vakWYflSFu .mbr-maintext, 2398.cid-vakWYflSFu .mbr-section-btn { 2399 color: var(--background-dark-text); 2400} 2401 2402.cid-vakWYflSFu .card-text { 2403 color: var(--background-dark-text); 2404} 2405 2406</style>
2407<section class="tutorm5 features8 cid-vakWYflSFu" id="features-7-vakWYflSFu"> 2408 <div class="container"> 2409 <div class="row justify-content-center"> 2410 <div class="col-12 content-head"> 2411 <div class="card-wrapper pb-3 mb-5"> 2412 <div class="card-box align-center"> 2413 <h4 class="mbr-section-title mbr-fonts-style mb-0 display-7">亮ç¹</h4> 2414 <p class="mbr-maintext mbr-fonts-style mt-2 display-2">**é ·ç«åè½**</p> 2415 </div> 2416 </div> 2417 </div> 2418 </div> 2419 <div class="row end"> 2420 <div class="col-lg-9"> 2421 <div class="row content-row"> 2422 <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb active"> 2423 <div class="item-wrapper"> 2424 <div class="title mb-1"> 2425 <span class="num mbr-fonts-style display-5">01</span> 2426 </div> 2427 <h4 class="card-title mbr-fonts-style display-5">æºè½</h4> 2428 <p class="mbr-text card-text mbr-fonts-style mb-0 display-4">AIå©ä½ è½»æ¾åªè¾ï¼æææè³ã</p> 2429 </div> 2430 </div> 2431 <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb"> 2432 <div class="item-wrapper"> 2433 <div class="title mb-1"> 2434 <span class="num mbr-fonts-style display-5">02</span> 2435 </div> 2436 <h4 class="card-title mbr-fonts-style display-5">æµ·é</h4> 2437 <p class="mbr-text card-text mbr-fonts-style mb-0 display-4">ç´ æåºï¼çµææºæºä¸æã</p> 2438 </div> 2439 </div> 2440 <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb"> 2441 <div class="item-wrapper"> 2442 <div class="title mb-1"> 2443 <span class="num mbr-fonts-style display-5">03</span> 2444 </div> 2445 <h4 class="card-title mbr-fonts-style display-5">æé</h4> 2446 <p class="mbr-text card-text mbr-fonts-style mb-0 display-4">ä¸ä¼ å享ï¼ç¬é´è§¦è¾¾å ¨çã</p> 2447 </div> 2448 </div> 2449 </div> 2450 </div> 2451 </div> 2452 </div> 2453</section> 2454 2455<style> 2456.cid-vakWYfmjRX { 2457 padding-top: 7rem; 2458 padding-bottom: 7rem; 2459 background-color: var(--background-dark); 2460} 2461 2462.cid-vakWYfmjRX .mbr-text { 2463 color: var(--background-dark-text); 2464} 2465 2466.cid-vakWYfmjRX .mbr-section-subtitle { 2467 color: var(--background-dark-text); 2468} 2469 2470.cid-vakWYfmjRX .mbr-section-title { 2471 color: var(--background-dark-text); 2472} 2473 2474.cid-vakWYfmjRX .mbr-text2 { 2475 color: var(--background-dark-text); 2476} 2477 2478.cid-vakWYfmjRX a { 2479 text-decoration: underline; 2480} 2481 2482.cid-vakWYfmjRX p { 2483 line-height: 1.2; 2484} 2485 2486</style> 2487<section class="tutorm5 article2 cid-vakWYfmjRX" id="generic-text-3-vakWYfmjRX"> 2488 <div class="container"> 2489 <div class="row justify-content-end"> 2490 <div class="col-md-12 col-lg-12"> 2491 <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7" data-mbr-ai-color="background-darkText">æ°é²</h4> 2492 <h3 class="mbr-section-title mbr-fonts-style mb-5 mt-0 display-2" data-mbr-ai-color="background-darkText">å 容çç¸</h3> 2493 </div> 2494 <div class="col-md-12 col-lg-8"> 2495 <p class="mbr-text pb-4 mbr-fonts-style display-5" data-mbr-ai-color="background-darkText">åå¦äºåç¯ä¸å¾ï¼æä»¬ä¸ºä½ æç½å ¨çæ the å¥ç¹ãææç¬ãæææ³ä¸å°ççè§é¢ï¼ä¿è¯è®©ä½ ç¬åºè ¹èï¼</p> 2496 <p class="mbr-text2 mbr-fonts-style display-7" data-mbr-ai-color="background-darkText">ä»èå® ççç¬ç¬é´å°ç§æçæäººåæï¼åå°è¡å¤´èºæ¯å®¶çç¥ä¹å ¶æï¼è¿éæä½ æ³è±¡ä¸å°çç²¾å½©ãæ¯å¤©é½ææ°å 容ï¼ä¿è¯ä½ å·å°åä¸ä¸æ¥ï¼å嫿 èï¼</p> 2497 </div> 2498 </div> 2499 </div> 2500</section> 2501 2502<style> 2503.cid-vakWYfmk8R { 2504 padding-top: 6rem; 2505 padding-bottom: 6rem; 2506 background-color: #FFFFFF; 2507} 2508 2509.cid-vakWYfmk8R .item:focus, 2510.cid-vakWYfmk8R span:focus { 2511 outline: none; 2512} 2513 2514@media (max-width: 767px) { 2515 .cid-vakWYfmk8R .align-right { 2516 text-align: center; 2517 } 2518} 2519 2520.cid-vakWYfmk8R .card-wrapper { 2521 background: var(--primary-lighten-color); 2522 padding: 4rem 3rem; 2523 padding-bottom: 2rem; 2524 margin: 0; 2525} 2526 2527@media (max-width: 767px) { 2528 .cid-vakWYfmk8R .card-wrapper { 2529 padding: 1rem 0rem; 2530 } 2531} 2532 2533.cid-vakWYfmk8R .item { 2534 margin-bottom: 2rem; 2535} 2536 2537@media (max-width: 767px) { 2538 .cid-vakWYfmk8R .item { 2539 margin-bottom: 1rem; 2540 } 2541} 2542 2543.cid-vakWYfmk8R .mbr-card-title { 2544 background: #fed9e1; 2545 width: fit-content; 2546 border-radius: 1rem; 2547 padding: 6px 10px; 2548} 2549 2550.cid-vakWYfmk8R .item-content { 2551 margin-top: 2rem; 2552 padding: 0 2rem 2rem; 2553 display: flex; 2554 flex-direction: column; 2555 height: 100%; 2556} 2557 2558@media (min-width: 992px) and (max-width: 1200px) { 2559 .cid-vakWYfmk8R .item-content { 2560 padding: 2rem 1.5rem; 2561 padding-top: 1rem; 2562 margin-top: 1rem; 2563 } 2564} 2565 2566@media (max-width: 767px) { 2567 .cid-vakWYfmk8R .item-content { 2568 padding: 1rem 1rem; 2569 padding-top: 0rem; 2570 margin-top: 1rem; 2571 } 2572} 2573 2574.cid-vakWYfmk8R .item-wrapper { 2575 position: relative; 2576 background: var(--primary-color); 2577 height: 100%; 2578 display: flex; 2579 flex-flow: column nowrap; 2580} 2581 2582.cid-vakWYfmk8R .item-wrapper .item-footer { 2583 margin-top: auto; 2584} 2585 2586.cid-vakWYfmk8R .mbr-section-title { 2587 color: var(--primary-lighten-text); 2588 text-align: left; 2589} 2590 2591.cid-vakWYfmk8R .mbr-text, 2592.cid-vakWYfmk8R .item .mbr-section-btn { 2593 text-align: center; 2594} 2595 2596.cid-vakWYfmk8R .mbr-number { 2597 color: #f0466a; 2598} 2599 2600.cid-vakWYfmk8R .mbr-section-subtitle, 2601.cid-vakWYfmk8R .mbr-section-head .mbr-section-btn { 2602 text-align: left; 2603 color: #ffffff; 2604} 2605 2606.cid-vakWYfmk8R .mbr-text { 2607 text-align: left; 2608} 2609 2610.cid-vakWYfmk8R .mbr-text, 2611.cid-vakWYfmk8R .mbr-card-btn { 2612 text-align: left; 2613} 2614 2615.cid-vakWYfmk8R .mbr-text, 2616.cid-vakWYfmk8R .mbr-section-btn { 2617 text-align: left; 2618} 2619 2620.cid-vakWYfmk8R .mbr-text, 2621.cid-vakWYfmk8R .item-footer .mbr-section-btn { 2622 text-align: left; 2623} 2624 2625.cid-vakWYfmk8R .card-text, 2626.cid-vakWYfmk8R .item .mbr-section-btn { 2627 text-align: left; 2628 color: var(--primary-text); 2629} 2630 2631 2632</style> 2633<section class="tutorm5 features6 cid-vakWYfmk8R" id="features-5-vakWYfmk8R"> 2634 <div class="container"> 2635 <div class="row card-wrapper"> 2636 <div class="col-12 col-lg-10 content-head"> 2637 <div class="mbr-section-head mb-5"> 2638 <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">**åææ éï¼ç©è½¬è§é¢ï¼**</h4> 2639 </div> 2640 </div> 2641 <div class="item features-without-image col-12 col-md-6 col-lg-3 active"> 2642 <div class="item-wrapper"> 2643 <div class="item-content"> 2644 <p class="card-text mbr-fonts-style mt-0 display-4">æ·»å é ·ç«æ»¤éåç¹æï¼è®©è§é¢æ´å ·ä¸ªæ§ã</p> 2645 </div> 2646 </div> 2647 </div> 2648 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 2649 <div class="item-wrapper"> 2650 <div class="item-content"> 2651 <p class="card-text mbr-fonts-style mt-0 display-4">èæ¯é³ä¹éå¿éï¼è¥é å®ç¾æ°å´ã</p> 2652 </div> 2653 </div> 2654 </div> 2655 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 2656 <div class="item-wrapper"> 2657 <div class="item-content"> 2658 <p class="card-text mbr-fonts-style mt-0 display-4">æå贴纸éå¿å ï¼è¡¨è¾¾ä½ çæåº¦ã</p> 2659 </div> 2660 </div> 2661 </div> 2662 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 2663 <div class="item-wrapper"> 2664 <div class="item-content"> 2665 <p class="card-text mbr-fonts-style mt-0 display-4">
2665ä¸é®å享å°å大社交平å°ï¼å¼çå ³æ³¨ã</p> 2666 </div> 2667 </div> 2668 </div> 2669 </div> 2670 </div> 2671</section> 2672 2673<style> 2674.cid-vakWYfmiCG { 2675 padding-top: 5rem; 2676 padding-bottom: 5rem; 2677 background-color: #FFFFFF; 2678} 2679 2680.cid-vakWYfmiCG .mbr-fallback-image.disabled { 2681 display: none; 2682} 2683 2684.cid-vakWYfmiCG .mbr-fallback-image { 2685 display: block; 2686 background-size: cover; 2687 background-position: center center; 2688 width: 100%; 2689 height: 100%; 2690 position: absolute; 2691 top: 0; 2692} 2693 2694.cid-vakWYfmiCG .title .num { 2695 width: 100%; 2696 display: block; 2697} 2698 2699.cid-vakWYfmiCG .title .card-title { 2700 z-index: 1; 2701} 2702 2703.cid-vakWYfmiCG .item-wrapper { 2704 margin-bottom: 2rem; 2705} 2706 2707.cid-vakWYfmiCG .num { 2708 color: var(--background-text); 2709} 2710 2711.cid-vakWYfmiCG .item-mb { 2712 margin-bottom: 2rem; 2713} 2714 2715@media (max-width: 767px) { 2716 .cid-vakWYfmiCG .item-mb { 2717 margin-bottom: 1rem; 2718 } 2719} 2720 2721@media (max-width: 767px) { 2722 .cid-vakWYfmiCG * { 2723 text-align: center !important; 2724 } 2725 2726 .cid-vakWYfmiCG .content-column { 2727 margin-bottom: 2rem; 2728 } 2729} 2730 2731.cid-vakWYfmiCG .content-head { 2732 max-width: 800px; 2733} 2734 2735.cid-vakWYfmiCG .mbr-section-title, 2736.cid-vakWYfmiCG .card-box { 2737 color: var(--background-text); 2738} 2739 2740.cid-vakWYfmiCG .mbr-text, 2741.cid-vakWYfmiCG .mbr-section-btn { 2742 color: var(--background-text); 2743} 2744 2745.cid-vakWYfmiCG .card-title, 2746.cid-vakWYfmiCG .card-img { 2747 color: var(--background-text); 2748} 2749 2750.cid-vakWYfmiCG .card-text { 2751 color: var(--background-text); 2752} 2753 2754</style> 2755<section class="tutorm5 features3 cid-vakWYfmiCG" id="features-2-vakWYfmiCG"> 2756 <div class="container"> 2757 <div class="row justify-content-center"> 2758 <div class="col-12 content-head"> 2759 <div class="card-wrapper pb-3 mb-5"> 2760 <div class="card-box align-center"> 2761 <h4 class="mbr-section-title mbr-fonts-style mb-0 display-2">精彩è§é¢éé¦</h4> 2762 </div> 2763 </div> 2764 </div> 2765 </div> 2766 <div class="row content-row"> 2767 <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb active"> 2768 <div class="item-wrapper"> 2769 <div class="title mb-3"> 2770 <span class="num mbr-fonts-style display-5">01</span> 2771 </div> 2772 <h4 class="card-title mbr-fonts-style display-5">åæ</h4> 2773 <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">èæ´å¤§å¼ççè§é¢ï¼è®©ä½ ç¬åºè ¹èã</p> 2774 </div> 2775 </div> 2776 <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb"> 2777 <div class="item-wrapper"> 2778 <div class="title mb-3"> 2779 <span class="num mbr-fonts-style display-5">02</span> 2780 </div> 2781 <h4 class="card-title mbr-fonts-style display-5">æ°é²</h4> 2782 <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">æ¯å¤©é½ææ°å 容ï¼å嫿 èã</p> 2783 </div> 2784 </div> 2785 <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb"> 2786 <div class="item-wrapper"> 2787 <div class="title mb-3"> 2788 <span class="num mbr-fonts-style display-5">03</span> 2789 </div> 2790 <h4 class="card-title mbr-fonts-style display-5">æµç </h4> 2791 <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">䏿»ææ¾ä½éªï¼æç»å¡é¡¿ã</p> 2792 </div> 2793 </div> 2794 <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb"> 2795 <div class="item-wrapper"> 2796 <div class="title mb-3"> 2797 <span class="num mbr-fonts-style display-5">04</span> 2798 </div> 2799 <h4 class="card-title mbr-fonts-style display-5">å享</h4> 2800 <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">ä¸é®å享ï¼è®©å¿«ä¹ä¼ éã</p> 2801 </div> 2802 </div> 2803 </div> 2804 </div> 2805</section> 2806 2807<style> 2808.cid-vakWYfmY4k { 2809 display: flex; 2810 padding-top: 150px; 2811 padding-bottom: 300px; 2812 background-color: #FFFFFF; 2813 overflow: hidden; 2814} 2815 2816.cid-vakWYfmY4k .mbr-fallback-image.disabled { 2817 display: none; 2818} 2819 2820.cid-vakWYfmY4k img { 2821 width: 200px; 2822 height: 200px; 2823 filter: grayscale(1); 2824 object-fit: cover; 2825 border-radius: 4rem !important; 2826} 2827 2828@media (max-width: 767px) { 2829 .cid-vakWYfmY4k img { 2830 display: none; 2831 } 2832} 2833 2834@media (min-width: 992px) { 2835 .cid-vakWYfmY4k img { 2836 z-index: 10; 2837 } 2838} 2839 2840.cid-vakWYfmY4k .face1 { 2841 position: absolute; 2842 left: 7%; 2843 top: 15%; 2844 animation: circle1 6s linear infinite; 2845} 2846 2847.cid-vakWYfmY4k .face2 { 2848 position: absolute; 2849 right: 7%; 2850 top: 13%; 2851 animation: circle1 6s linear infinite; 2852} 2853 2854.cid-vakWYfmY4k .face3 { 2855 position: absolute; 2856 left: 12%; 2857 bottom: 30%; 2858 animation: circle2 6s linear infinite; 2859} 2860 2861.cid-vakWYfmY4k .face4 { 2862 position: absolute; 2863 right: 15%; 2864 bottom: 28%; 2865 animation: circle2 6s linear infinite; 2866} 2867 2868@keyframes circle1 { 2869 0% { 2870 transform: rotate(0deg) translate(-8px) rotate(0deg); 2871 } 2872 2873 100% { 2874 transform: rotate(360deg) translate(-8px) rotate(-360deg); 2875 } 2876} 2877 2878@keyframes circle2 { 2879 0% { 2880 transform: rotate(360deg) translate(-8px) rotate(-360deg); 2881 } 2882 2883 100% { 2884 transform: rotate(0deg) translate(-8px) rotate(0deg); 2885 } 2886} 2887 2888.cid-vakWYfmY4k .mbr-tag { 2889 border: 1px solid currentColor; 2890 border-radius: 20px; 2891 padding: 5px 30px; 2892 text-align: center; 2893 display: inline-block; 2894 margin-bottom: 6px; 2895} 2896 2897.cid-vakWYfmY4k .round { 2898 position: absolute; 2899 bottom: -1430px; 2900 left: -20%; 2901 width: 140%; 2902 height: 1700px; 2903 border-top-left-radius: 50%; 2904 border-top-right-radius: 50%; 2905 background: var(--background-dark); 2906} 2907 2908@media (max-width: 992px) { 2909 .cid-vakWYfmY4k .round { 2910 bottom: -1300px; 2911 height: 1500px; 2912 } 2913} 2914 2915@media (max-width: 767px) { 2916 .cid-vakWYfmY4k .round { 2917 height: 600px; 2918 bottom: -500px; 2919 } 2920} 2921 2922.cid-vakWYfmY4k .mbr-fallback-image { 2923 display: block; 2924 background-size: cover; 2925 background-position: center center; 2926 width: 100%; 2927 height: 100%; 2928 position: absolute; 2929 top: 0; 2930} 2931 2932.cid-vakWYfmY4k .content-wrap { 2933 padding: 5rem 1rem; 2934} 2935 2936@media (min-width: 992px) { 2937 .cid-vakWYfmY4k .content-wrap { 2938 padding: 5rem 3rem; 2939 } 2940} 2941 2942@media (min-width: 768px) { 2943 .cid-vakWYfmY4k { 2944 align-items: flex-start; 2945 } 2946 2947 .cid-vakWYfmY4k .row { 2948 justify-content: center; 2949 } 2950} 2951 2952@media (max-width: 991px) and (min-width: 768px) { 2953 .cid-vakWYfmY4k .content-wrap { 2954 min-width: 50%; 2955 } 2956} 2957 2958@media (max-width: 767px) { 2959 .cid-vakWYfmY4k { 2960 -webkit-align-items: center; 2961 align-items: center; 2962 } 2963 2964 .cid-vakWYfmY4k .mbr-row {
2965 -webkit-justify-content: center; 2966 justify-content: center; 2967 } 2968 2969 .cid-vakWYfmY4k .content-wrap { 2970 width: 100%; 2971 } 2972} 2973 2974.cid-vakWYfmY4k .mbr-section-title { 2975 text-align: center; 2976 color: var(--background-text); 2977} 2978 2979.cid-vakWYfmY4k .mbr-text, 2980.cid-vakWYfmY4k .mbr-section-btn { 2981 text-align: center; 2982 color: var(--background-text); 2983} 2984 2985.cid-vakWYfmY4k .mbr-tag, 2986.cid-vakWYfmY4k .tags { 2987 text-align: center; 2988 color: var(--background-text); 2989} 2990 2991.cid-vakWYfmY4k .mbr-section-subtitle { 2992 color: #232323; 2993 text-align: center; 2994} 2995 2996</style> 2997<section class="tutorm5 header1 cid-vakWYfmY4k" id="hero-1-vakWYfmY4k"> 2998 <div class="round"></div> 2999 <div class="item-wrapper"> 3000 <img class="face1" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1502209877429-d7c6df9eb3f9%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTh8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=0eOg9EEnQ4VrpUAKtnTzK6tYXD1t64XMpG5evdWvl7Y"> 3001 </div> 3002 <div class="item-wrapper"> 3003 <img class="face2" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1556132877-ded3bb0173b5%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTJ8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=5F8KhAI69csFbWgM94WTX8e54CB822RTONPHWQ-xC-Q"> 3004 </div> 3005 <div class="item-wrapper"> 3006 <img class="face3" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1611162616475-46b635cb6868%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Mnx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=nifnjCl5YHyiwAvYQPq-LfynkdPjPsDAFaFaGFZWfhw"> 3007 </div> 3008 <div class="item-wrapper"> 3009 <img class="face4" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1682506456442-a051e8dae813%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTF8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=bk7GurjYBq_mbdS9-Gr7_d6SsistEMlKEAsj_5La_Lg"> 3010 </div> 3011 <div class="container"> 3012 <div class="row"> 3013 <div class="content-wrap col-12 col-md-11"> 3014 <div class="tags mb-5 w-100"> 3015 <span class="mbr-fonts-style mbr-tag display-4" data-mbr-ai-color="backgroundText">è§é¢</span> 3016 <span class="mbr-fonts-style mbr-tag display-4" data-mbr-ai-color="backgroundText">çç</span> 3017 <span class="mbr-fonts-style mbr-tag display-4" data-mbr-ai-color="backgroundText">精彩</span> 3018 </div> 3019 <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1" data-mbr-ai-color="backgroundText">è§é¢çå®´</h1> 3020 <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-5" data-mbr-ai-color="backgroundText">æµ·éçè§é¢ï¼æ»æä¸æ¬¾è®©ä½ å¿å¨ã</p> 3021 <div class="mbr-section-btn"><a class="btn btn-primary display-7" href="#">ç«å³è§ç</a></div> 3022 </div> 3023 </div> 3024 </div> 3025</section> 3026 3027<style> 3028.cid-vakWYfm5j2 { 3029 padding-top: 5rem; 3030 padding-bottom: 5rem; 3031 background-color: #FFFFFF; 3032} 3033 3034.cid-vakWYfm5j2 .mbr-fallback-image.disabled { 3035 display: none; 3036} 3037 3038.cid-vakWYfm5j2 .mbr-fallback-image { 3039 display: block; 3040 background-size: cover; 3041 background-position: center center; 3042 width: 100%; 3043 height: 100%; 3044 position: absolute; 3045 top: 0; 3046} 3047 3048.cid-vakWYfm5j2 li { 3049 padding-bottom: 1rem; 3050} 3051 3052.cid-vakWYfm5j2 .row { 3053 justify-content: flex-end; 3054} 3055 3056.cid-vakWYfm5j2 ul { 3057 padding-left: 1.5rem; 3058} 3059 3060.cid-vakWYfm5j2 .mbr-text3 { 3061 line-height: 1.2; 3062} 3063 3064.cid-vakWYfm5j2 p { 3065 line-height: 1.2; 3066} 3067 3068.cid-vakWYfm5j2 .mbr-text { 3069 line-height: 1.2; 3070 color: #000000; 3071} 3072 3073.cid-vakWYfm5j2 .card-wrapper { 3074 overflow: hidden; 3075 background: #FFFFFF; 3076 padding: 4rem 3rem; 3077} 3078 3079@media (max-width: 767px) { 3080 .cid-vakWYfm5j2 .card-wrapper { 3081 padding: 2rem 1rem; 3082 } 3083} 3084 3085.cid-vakWYfm5j2 .image-wrapper { 3086 padding: 0 1rem; 3087} 3088 3089.cid-vakWYfm5j2 .mbr-section-title { 3090 color: #000000; 3091} 3092 3093.cid-vakWYfm5j2 .mbr-text, 3094.cid-vakWYfm5j2 .mbr-section-btn { 3095 color: #f0466a; 3096} 3097 3098.cid-vakWYfm5j2 .mbr-card-title { 3099 color: #f0466a; 3100} 3101 3102.cid-vakWYfm5j2 .mbr-card-title, 3103.cid-vakWYfm5j2 .line { 3104 color: #f0466a; 3105} 3106 3107.cid-vakWYfm5j2 .mbr-section-text { 3108 color: #000000; 3109} 3110 3111.cid-vakWYfm5j2 .mbr-list { 3112 color: #000000; 3113} 3114 3115</style> 3116<section class="tutorm5 pricing2 cid-vakWYfm5j2" id="pricing-cards-2-vakWYfm5j2"> 3117 <div class="container"> 3118 <div class="row justify-content-center align-items-center"> 3119 <div class="col-12"> 3120 <div class="card-wrapper"> 3121 <div class="row"> 3122 <div class="col-12 col-lg-4 mb-5 col-md-12"> 3123 <div class="text-wrapper align-left"> 3124 <h1 class="mbr-section-title mbr-fonts-style mb-3 display-2">ä¼åç¹æ</h1> 3125 </div> 3126 </div> 3127 <div class="col-12 my-auto col-lg-8 mb-5 col-md-12"> 3128 <div class="text-wrapper align-left"> 3129 <p class="mbr-section-text mbr-fonts-style mb-3 display-1">Â¥19.9/æ</p> 3130 </div> 3131 </div> 3132 </div> 3133 <div class="row"> 3134 <div class="col-lg-4"> 3135 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 3136 <li>æ 广åå¹²æ°ï¼ç äº«ä¸æ»è§çä½éªã</li> 3137 <li>髿¸ ç»è´¨ï¼ç»è纤毫æ¯ç°ã</li> 3138 <li>ä¸å±å 容åºï¼æ¢å çææ°å¤§çã</li> 3139 </ul> 3140 </div> 3141 <div class="col-lg-4"> 3142 <ul class="mbr-list mbr-fonts-style mb-4 display-7"> 3143 <li>离线ä¸è½½ï¼éæ¶éå°æ³çå°±çã</li> 3144 <li>ä¼å 客æï¼é®é¢ç§è§£å³ã</li> 3145 </ul> 3146 </div> 3147 <div class="col-lg-8"> 3148 <div class="mbr-section-btn w-100"><a class="btn w-100 btn-primary display-7" href="#">ç«å³å级</a></div> 3149 </div> 3150 </div> 3151 </div> 3152 </div> 3153 </div> 3154 </div> 3155</section> 3156 3157<style> 3158.cid-vakWYfmyOf { 3159 padding-top: 6rem; 3160 padding-bottom: 6rem; 3161 background-color: var(--background-dark); 3162} 3163 3164.cid-vakWYfmyOf .item:focus, 3165.cid-vakWYfmyOf span:focus { 3166 outline: none; 3167} 3168 3169.cid-vakWYfmyOf .item { 3170 margin-bottom: 2rem; 3171} 3172 3173@media (max-width: 767px) { 3174 .cid-vakWYfmyOf .item { 3175 margin-bottom: 1rem; 3176 } 3177} 3178 3179.cid-vakWYfmyOf .line { 3180 width: 100%; 3181 height: 1px; 3182 background: var(--primary-color); 3183 margin-bottom: 2rem; 3184} 3185 3186.cid-vakWYfmyOf .mbr-card-title { 3187 background: var(--primary-color); 3188 width: fit-content; 3189 border-radius: 1rem; 3190 padding: 6px 12px; 3191} 3192 3193.cid-vakWYfmyOf .item-content { 3194 display: flex; 3195 flex-direction: column; 3196 height: 100%; 3197} 3198 3199.cid-vakWYfmyOf .item-wrapper { 3200 position: relative; 3201 height: 100%; 3202 display: flex; 3203 flex-flow: column nowrap; 3204} 3205 3206.cid-vakWYfmyOf .item-wrapper .item-footer { 3207 margin-top: auto; 3208} 3209 3210.cid-vakWYfmyOf .mbr-section-title { 3211 color: #ffffff; 3212 text-align: center; 3213} 3214 3215.cid-vakWYfmyOf .mbr-text, 3216.cid-vakWYfmyOf .item .mbr-section-btn { 3217 text-align: center; 3218} 3219 3220.cid-vakWYfmyOf .content-head { 3221 max-width: 800px; 3222} 3223 3224.cid-vakWYfmyOf .mbr-number { 3225 color: var(--primary-text); 3226} 3227 3228.cid-vakWYfmyOf .mbr-section-subtitle, 3229.cid-vakWYfmyOf .mbr-section-head .mbr-section-btn { 3230 text-align: center; 3231 color: #ffffff; 3232} 3233 3234.cid-vakWYfmyOf .mbr-text { 3235 text-align: left; 3236} 3237 3238.cid-vakWYfmyOf .mbr-text, 3239.cid-vakWYfmyOf .mbr-card-btn { 3240 text-align: left; 3241} 3242 3243.cid-vakWYfmyOf .mbr-text, 3244.cid-vakWYfmyOf .mbr-section-btn { 3245 text-align: left; 3246} 3247 3248.cid-vakWYfmyOf .mbr-text, 3249.cid-vakWYfmyOf .item-footer .mbr-section-btn { 3250 text-align: left; 3251} 3252 3253.cid-vakWYfmyOf .card-text, 3254.cid-vakWYfmyOf .item .mbr-section-btn { 3255 text-align: left; 3256 color: var(--background-dark-text); 3257} 3258 3259.cid-vakWYfmyOf .card-title { 3260 text-align: left; 3261 color: #ffffff; 3262} 3263 3264</style> 3265<section class="tutorm5 features7 cid-vakWYfmyOf" id="features-6-vakWYfmyOf"> 3266 <div class="container"> 3267 <div class="row justify-content-center"> 3268 <div class="col-12 content-head"> 3269 </div> 3270 </div> 3271 <div class="row"> 3272 <div class="col-12"> 3273 <div class="line"> 3274 </div> 3275 </div> 3276 <div class="item features-without-image col-12 col-md-6 col-lg-3 active"> 3277 <div class="item-wrapper"> 3278 <div class="item-content"> 3279 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +01</h5> 3280 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">ä»æç¬æ®µåå°çæ´»æå·§ï¼æ»æä¸æ¬¾è®©ä½ ç¼åä¸äº®ã</p> 3281 </div> 3282 </div> 3283 </div> 3284 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 3285 <div class="item-wrapper"> 3286 <div class="item-content"> 3287 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +02</h5> 3288 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">æä»¬æç½å ¨çç精彩ç¬é´ï¼åªä¸ºç»ä½ å¸¦æ¥æè´çè§å¬äº«åã</p> 3289 </div> 3290 </div> 3291 </div> 3292 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 3293 <div class="item-wrapper"> 3294 <div class="item-content"> 3295 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +03</h5> 3296 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">ç®æ³ç²¾åå¹é ï¼è®©ä½ åå«éæ©å°é¾çï¼ç´æ¥è¿å ¥ç²¾å½©ã</p> 3297 </div> 3298 </div> 3299 </div> 3300 <div class="item features-without-image col-12 col-md-6 col-lg-3"> 3301 <div class="item-wrapper"> 3302 <div class="item-content"> 3303 <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +04</h5> 3304 <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">社åºäºå¨ç«çï¼è¯è®ºåºæ¯è§é¢è¿æè¶£ï¼</p> 3305 </div> 3306 </div> 3307 </div> 3308 </div> 3309 </div> 3310</section> 3311 3312<style> 3313.cid-vakWYfmeN7 { 3314 padding-top: 4rem; 3315 padding-bottom: 4rem; 3316 background-color: var(--background-dark); 3317} 3318 3319.cid-vakWYfmeN7 .item-subtitle { 3320 line-height: 1.2; 3321 color: var(--background-dark-text); 3322 text-align: left; 3323} 3324 3325.cid-vakWYfmeN7 img, 3326.cid-vakWYfmeN7 .item-img { 3327 width: 100%; 3328 height: 100%; 3329 height: 400px; 3330 object-fit: cover; 3331} 3332 3333.cid-vakWYfmeN7 .item:focus, 3334.cid-vakWYfmeN7 span:focus { 3335 outline: none; 3336} 3337 3338.cid-vakWYfmeN7 .item { 3339 margin-bottom: 2rem; 3340} 3341 3342@media (max-width: 767px) { 3343 .cid-vakWYfmeN7 .item { 3344 margin-bottom: 1rem; 3345 } 3346} 3347 3348.cid-vakWYfmeN7 .item-wrapper { 3349 position: relative; 3350 border-radius: 4px; 3351 display: flex; 3352 flex-flow: column nowrap; 3353} 3354 3355.cid-vakWYfmeN7 .mbr-section-btn { 3356 margin-top: auto !important; 3357} 3358 3359.cid-vakWYfmeN7 .mbr-section-title { 3360 color: var(--background-dark-text); 3361 text-align: left; 3362} 3363 3364.cid-vakWYfmeN7 .mbr-text, 3365.cid-vakWYfmeN7 .mbr-section-btn { 3366 color: var(--background-dark-text); 3367 text-align: left; 3368} 3369 3370.cid-vakWYfmeN7 .item-title { 3371 color: var(--background-dark-text); 3372 text-align: left; 3373} 3374 3375.cid-vakWYfmeN7 .mbr-section-subtitle { 3376 color: #838383; 3377 text-align: left; 3378} 3379 3380</style> 3381<section class="tutorm5 pricing3 cid-vakWYfmeN7" id="product-list-1-vakWYfmeN7"> 3382 <div class="container"> 3383 <div class="row justify-content-center"> 3384 <div class="col-12 content-head"> 3385 <div class="mbr-section-head mb-5"> 3386 <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">ç²¾éè§é¢</h4> 3387 </div> 3388 </div> 3389 </div> 3390 <div class="row"> 3391 <div class="item features-image col-12 col-md-6 col-lg-4"> 3392 <div class="item-wrapper"> 3393 <div class="item-img mb-3"> 3394 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1543536448-d209d2d13a1c%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTZ8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=ODYidFy3YHeg30xJLgFYBbMnMwheY3HRvHDEWm3rkbc"> 3395 </div> 3396 <div class="item-content align-left"> 3397 <h5 class="item-title mbr-fonts-style mb-1 display-5">èå® è¶£äº</h5> 3398 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7">å è´¹</h6> 3399 <p class="mbr-text mbr-fonts-style mt-3 display-7">çå°ç«å°ççå¯ç±ç¬é´ï¼ç¬é´èåä½ çå¿ã</p> 3400 </div> 3401 <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn item-btn btn-primary display-7">ç«å³è§ç</a></div> 3402 </div> 3403 </div> 3404 <div class="item features-image col-12 col-md-6 col-lg-4"> 3405 <div class="item-wrapper"> 3406 <div class="item-img mb-3"> 3407 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1485846234645-a62644f84728%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MXx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=_z-zNKZ5xDLNT08hRPHv9J5QDUuvTmZS7sDRvfDwLss"> 3408 </div> 3409 <div class="item-content align-left"> 3410 <h5 class="item-title mbr-fonts-style mb-1 display-5">çç¬æ®µå</h5> 3411 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7">å è´¹</h6> 3412 <p class="mbr-text mbr-fonts-style mt-3 display-7">è®©ä½ ç¬åºè ¹èç精彩段åï¼æ¿å ä½ ä¸å¤©çå¿«ä¹ã</p> 3413 </div> 3414 <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn item-btn btn-primary display-7">ç«å³è§ç</a></div> 3415 </div> 3416 </div> 3417 <div class="item features-image col-12 col-md-6 col-lg-4"> 3418 <div class="item-wrapper"> 3419 <div class="item-img mb-3"> 3420 <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1471341971476-ae15ff5dd4ea%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MjB8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=32L18uQuHUnxX5AjKTJvHFkQmZvQZj_yMaW1Egmik9w"> 3421 </div> 3422 <div class="item-content align-left"> 3423 <h5 class="item-title mbr-fonts-style mb-1 display-5">çæ´»æå·§</h5> 3424 <h6 class="item-subtitle mbr-fonts-style mb-3 display-7">å è´¹</h6> 3425 <p class="mbr-text mbr-fonts-style mt-3 display-7">ç®åæå¦çå®ç¨æå·§ï¼è®©çæ´»æ´ä¾¿æ·ã</p> 3426 </div> 3427 <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn item-btn btn-pri
3427mary display-7">ç«å³è§ç</a></div> 3428 </div> 3429 </div> 3430 </div> 3431 </div> 3432</section> 3433 3434<style> 3435.cid-vakWYfmC5o { 3436 padding-top: 3rem; 3437 padding-bottom: 2rem; 3438 background-color: var(--primary-color); 3439} 3440 3441.cid-vakWYfmC5o .item:focus, 3442.cid-vakWYfmC5o span:focus { 3443 outline: none; 3444} 3445 3446.cid-vakWYfmC5o .container-fluid { 3447 padding-left: 0; 3448 padding-right: 0; 3449 overflow: hidden; 3450} 3451 3452.cid-vakWYfmC5o .item { 3453 color: var(--primary-text); 3454 min-height: 90px; 3455} 3456 3457@media (max-width: 768px) { 3458 .cid-vakWYfmC5o .item { 3459 min-height: 45px; 3460 } 3461} 3462 3463</style> 3464<section class="features11 tutorm5 cid-vakWYfmC5o" id="features-10-vakWYfmC5o"> 3465 <div class="container-fluid"> 3466 <div class="loop-container"> 3467 <div class="item display-2" data-linewords="æµ·éè§é¢ï¼åºæå°½æã * æºè½æ¨èï¼æä½ æéã * " data-direction="-1" data-speed="0.05"></div> 3468 <div class="item display-2" data-linewords="æµ·éè§é¢ï¼åºæå°½æã * æºè½æ¨èï¼æä½ æéã * " data-direction="-1" data-speed="0.05"></div> 3469 </div> 3470 </div> 3471</section> 3472 3473<style> 3474.cid-vakWYfmyam { 3475 padding-top: 8rem; 3476 padding-bottom: 8rem; 3477 background-color: #FFFFFF; 3478 overflow: hidden; 3479} 3480 3481.cid-vakWYfmyam .mbr-fallback-image.disabled { 3482 display: none; 3483} 3484 3485.cid-vakWYfmyam .mbr-fallback-image { 3486 display: block; 3487 background-size: cover; 3488 background-position: center center; 3489 width: 100%; 3490 height: 100%; 3491 position: absolute; 3492 top: 0; 3493} 3494 3495.cid-vakWYfmyam .mbr-text3 { 3496 line-height: 1.2; 3497 color: var(--secondary-light-text); 3498} 3499 3500.cid-vakWYfmyam .round { 3501 position: absolute; 3502 top: -900px; 3503 left: -20%; 3504 width: 140%; 3505 height: 1700px; 3506 border-bottom-left-radius: 50%; 3507 border-bottom-right-radius: 50%; 3508 background: var(--background-dark); 3509} 3510 3511@media (max-width: 992px) { 3512 .cid-vakWYfmyam .round { 3513 top: -700px; 3514 height: 1500px; 3515 } 3516} 3517 3518@media (max-width: 767px) { 3519 .cid-vakWYfmyam .round { 3520 height: 600px; 3521 top: -100px; 3522 } 3523} 3524 3525.cid-vakWYfmyam .line { 3526 width: 100%; 3527 height: 2px; 3528 background: var(--secondary-light-text); 3529 margin-bottom: 1rem; 3530} 3531 3532.cid-vakWYfmyam .col-lg-3 { 3533 border-top: 2px solid var(--secondary-light-text); 3534 padding-top: 1rem; 3535} 3536 3537.cid-vakWYfmyam .mbr-text { 3538 line-height: 1.2; 3539 color: #000000; 3540} 3541 3542.cid-vakWYfmyam .card-wrapper { 3543 overflow: hidden; 3544 background: var(--secondary-light-color); 3545 padding: 4rem 3rem; 3546} 3547 3548@media (max-width: 767px) { 3549 .cid-vakWYfmyam .card-wrapper { 3550 padding: 2rem 1rem; 3551 } 3552} 3553 3554.cid-vakWYfmyam .image-wrapper { 3555 padding: 0 1rem; 3556} 3557 3558.cid-vakWYfmyam .mbr-section-title { 3559 color: var(--secondary-light-text); 3560} 3561 3562.cid-vakWYfmyam .mbr-text, 3563.cid-vakWYfmyam .mbr-section-btn { 3564 color: #f0466a; 3565} 3566 3567.cid-vakWYfmyam .mbr-card-title { 3568 color: var(--secondary-light-text); 3569} 3570 3571</style> 3572<section class="tutorm5 features2 cid-vakWYfmyam" id="features-1-vakWYfmyam"> 3573 <div class="round"></div> 3574 <div class="container"> 3575 <div class="row justify-content-center align-items-center"> 3576 <div class="col-12"> 3577 <div class="card-wrapper"> 3578 <div class="row"> 3579 <div class="col-12 col-lg-8 mb-5 col-md-12"> 3580 <div class="text-wrapper align-left"> 3581 <h1 class="mbr-section-title mbr-fonts-style mb-3 display-2">为ä½éæ©æä»¬</h1> 3582 </div> 3583 </div> 3584 </div> 3585 <div class="row"> 3586 <div class="col-12"> 3587 <div class="line"></div> 3588 </div> 3589 <div class="col-lg-6"> 3590 <h2 class="mbr-card-title mbr-fonts-style mb-2 display-1">01</h2> 3591 </div> 3592 <div class="col-lg-6"> 3593 <p class="mbr-text3 mbr-fonts-style mb-4 display-5">å 容å ç½ä¸è±¡ï¼ä»æç¬å°ç¥è¯ï¼æ»æä½ æ³ççï¼èä¸ç»ä¸éå¤ï¼</p> 3594 </div> 3595 </div> 3596 <div class="row"> 3597 <div class="col-12"> 3598 <div class="line"></div> 3599 </div> 3600 <div class="col-lg-6"> 3601 <h2 class="mbr-card-title mbr-fonts-style mb-2 display-1">02</h2> 3602 </div> 3603 <div class="col-lg-6"> 3604 <p class="mbr-text3 mbr-fonts-style mb-4 display-5">çé¢ç®æ´ç´è§ï¼æä½è½»æ¾ä¸æï¼åå«å¤æï¼äº«å纯粹çè§çä¹è¶£ã</p> 3605 </div> 3606 </div> 3607 <div class="row"> 3608 <div class="col-12"> 3609 <div class="line"></div> 3610 </div> 3611 <div class="col-lg-6"> 3612 <h2 class="mbr-card-title mbr-fonts-style mb-2 display-1">03</h2> 3613 </div> 3614 <div class="col-lg-6"> 3615 <p class="mbr-text3 mbr-fonts-style mb-4 display-5">æºè½æ¨èç®æ³ï¼ç²¾åå¹é ä½ çå好ï¼è®©ä½ æ¯å¤©é½ææ°æå
3615ã</p> 3616 </div> 3617 </div> 3618 </div> 3619 </div> 3620 </div> 3621 </div> 3622</section> 3623 3624<style> 3625.cid-vakWYfmeUO { 3626 padding-top: 8rem; 3627 padding-bottom: 8rem; 3628 background-color: var(--background-dark); 3629} 3630 3631.cid-vakWYfmeUO .mbr-fallback-image.disabled { 3632 display: none; 3633} 3634 3635.cid-vakWYfmeUO .mbr-fallback-image { 3636 display: block; 3637 background-size: cover; 3638 background-position: center center; 3639 width: 100%; 3640 height: 100%; 3641 position: absolute; 3642 top: 0; 3643} 3644 3645.cid-vakWYfmeUO .line { 3646 width: 100%; 3647 height: 2px; 3648 background: #000000; 3649 margin-bottom: 1rem; 3650} 3651 3652.cid-vakWYfmeUO .item-wrapper { 3653 border-top: 2px solid #000000; 3654 padding-top: 1rem; 3655 border-radius: 0 !important; 3656} 3657 3658.cid-vakWYfmeUO .mbr-text { 3659 line-height: 1.2; 3660 color: #000000; 3661} 3662 3663.cid-vakWYfmeUO .card-wrapper { 3664 overflow: hidden; 3665 background: #FFFFFF; 3666 padding: 4rem 3rem; 3667} 3668 3669@media (max-width: 767px) { 3670 .cid-vakWYfmeUO .card-wrapper { 3671 padding: 2rem 1rem; 3672 } 3673} 3674 3675.cid-vakWYfmeUO .image-wrapper { 3676 padding: 0 1rem; 3677} 3678 3679.cid-vakWYfmeUO .mbr-section-title { 3680 color: #000000; 3681} 3682 3683.cid-vakWYfmeUO .mbr-text, 3684.cid-vakWYfmeUO .mbr-section-btn { 3685 color: #000000; 3686} 3687 3688.cid-vakWYfmeUO .mbr-card-title { 3689 color: #000000; 3690} 3691 3692.cid-vakWYfmeUO .mbr-text2 { 3693 color: #000000; 3694} 3695 3696.cid-vakWYfmeUO .mbr-text3 { 3697 color: #000000; 3698} 3699 3700</style> 3701<section class="tutorm5 features1 cid-vakWYfmeUO" id="generic-text-1-vakWYfmeUO"> 3702 <div class="container"> 3703 <div class="row justify-content-center align-items-center"> 3704 <div class="col-12"> 3705 <div class="card-wrapper"> 3706 <div class="row"> 3707 <div class="col-12 col-lg-7 mb-5 col-md-12"> 3708 <div class="text-wrapper align-left"> 3709 <h1 class="mbr-section-title mbr-fonts-style mb-4 display-2">**æ°æ®è¯´è¯**</h1> 3710 <p class="mbr-text mbr-fonts-style mb-4 display-5">æä»¬æ£å¨æ¹åè§é¢åä½ã</p> 3711 </div> 3712 </div> 3713 </div> 3714 <div class="row"> 3715 <div class="col-lg-6"> 3716 <div class="line"></div> 3717 <p class="mbr-text2 mbr-fonts-style mb-4 display-4">æ¯å¤©é½ææµ·é精彩è§é¢å¨è¿éè¯çï¼è¿æ¥ä¸çã</p> 3718 </div> 3719 <div class="item features-without-image col-lg-3"> 3720 <div class="item-wrapper"> 3721 <h2 class="mbr-card-title mbr-fonts-style mb-2 display-2">100</h2> 3722 <p class="mbr-text3 mbr-fonts-style mb-4 display-4">ä¸</p> 3723 </div> 3724 </div> 3725 <div class="item features-without-image col-lg-3"> 3726 <div class="item-wrapper"> 3727 <h2 class="mbr-card-title mbr-fonts-style mb-2 display-2">500</h2> 3728 <p class="mbr-text3 mbr-fonts-style mb-4 display-4">ä¸</p> 3729 </div> 3730 </div> 3731 </div> 3732 </div> 3733 </div> 3734 </div> 3735 </div> 3736</section> 3737 3738<style> 3739.cid-vakWYfmKAX { 3740 padding-top: 7rem; 3741 padding-bottom: 7rem; 3742 background-color: var(--background-dark); 3743} 3744 3745.cid-vakWYfmKAX .mbr-fallback-image.disabled { 3746 display: none; 3747} 3748 3749.cid-vakWYfmKAX .mbr-fallback-image { 3750 display: block; 3751 background-size: cover; 3752 background-position: center center; 3753 width: 100%; 3754 height: 100%; 3755 position: absolute; 3756 top: 0; 3757} 3758 3759.cid-vakWYfmKAX .mbr-text { 3760 color: var(--background-dark-text); 3761} 3762 3763.cid-vakWYfmKAX .mbr-section-subtitle { 3764 color: var(--background-dark-text); 3765} 3766 3767.cid-vakWYfmKAX .mbr-section-title { 3768 color: var(--background-dark-text); 3769} 3770 3771.cid-vakWYfmKAX .mbr-card-title { 3772 color: #ffffff; 3773} 3774 3775.cid-vakWYfmKAX .line { 3776 width: 100%; 3777 height: 1px; 3778 background: currentColor; 3779 margin-bottom: 1rem; 3780} 3781 3782.cid-vakWYfmKAX .mbr-card-title, 3783.cid-vakWYfmKAX .line { 3784 color: var(--primary-color); 3785} 3786 3787.cid-vakWYfmKAX p { 3788 line-height: 1.2; 3789} 3790 3791</style> 3792<section class="tutorm5 features9 cid-vakWYfmKAX" id="features-8-vakWYfmKAX"> 3793 <div class="container"> 3794 <div class="row justify-content-end"> 3795 <div class="col-md-12 col-lg-6"> 3796 <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7">ç¹è²</h4> 3797 <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">亮ç¹å¤å¤</h3> 3798 </div> 3799 <div class="col-md-12 col-lg-6"> 3800 <div class="item pb-4"> 3801 <h4 class="mbr-card-title mbr-fonts-style display-7">01</h4> 3802 <div class="line"></div> 3803 <p class="mbr-text mbr-fonts-style display-5">å 容å ç½ä¸è±¡ï¼æ»è½æ¾å°ä½ çèã</p> 3804 </div> 3805 <div class="item pb-4"> 3806 <h4 class="mbr-card-title mbr-fonts-style display-7">02</h4> 3807 <div class="line"></div> 3808 <p class="mbr-text mbr-fonts-style display-5">çé¢ç®æ´ç´è§ï¼æä½è½»æ¾ä¸æã</p> 3809 </div> 3810 <div class="item pb-4"> 3811 <h4 class="mbr-card-title mbr-fonts-style display-7">03</h4> 3812 <div class="line"></div> 3813 <p class="mbr-text mbr-fonts-style display-5">ç¤¾åºæ°å´å好ï¼åäº«ä½ çå¿«ä¹ã</p> 3814 </div> 3815 </div> 3816 </div> 3817 </div> 3818</section> 3819 3820<style> 3821.cid-vakWYfm99V { 3822 padding-top: 7rem; 3823 padding-bottom: 7rem; 3824 background-color: var(--background-dark); 3825} 3826 3827.cid-vakWYfm99V .mbr-text { 3828 color: var(--background-dark-text); 3829} 3830 3831.cid-vakWYfm99V .mbr-section-subtitle { 3832 color: var(--background-dark-text); 3833} 3834 3835.cid-vakWYfm99V .mbr-section-title { 3836 color: var(--background-dark-text); 3837} 3838 3839</style> 3840<section class="tutorm5 article1 cid-vakWYfm99V" id="generic-text-2-vakWYfm99V"> 3841 <div class="container"> 3842 <div class="row justify-content-end"> 3843 <div class="col-md-12 col-lg-12"> 3844 <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7">è§é¢</h4> 3845 <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">**éªèç¬é´ï¼å³å»å享ï¼**</h3> 3846 </div> 3847 <div class="col-md-12 col-lg-10"> 3848 <p class="mbr-text mbr-fonts-style display-5">å¨è¿éï¼æ¯ä¸ªæ³æ³é½è½åæå¼äººå ¥èççè§é¢ãæä»¬è®©åä½åå¾åææªæçç®ååæè¶£ï¼è®©ä½ çåæå èåå°ã</p> 3849 </div> 3850 </div> 3851 </div> 3852</section> 3853 3854<style> 3855.cid-vakWYfmlGa { 3856 padding-top: 6rem; 3857 padding-bottom: 6rem; 3858 background-color: #ffffff; 3859} 3860 3861.cid-vakWYfmlGa .mbr-text { 3862 color: #000000; 3863} 3864 3865.cid-vakWYfmlGa .mbr-section-subtitle { 3866 color: #000000; 3867 text-align: center; 3868} 3869 3870.cid-vakWYfmlGa .mbr-section-title { 3871 color: #000000; 3872 text-align: center; 3873} 3874 3875.cid-vakWYfmlGa .img-wrapper img { 3876 width: 180px; 3877 height: 180px; 3878 object-fit: cover; 3879 border-radius: 40% !important; 3880} 3881 3882@media (min-width: 768px) and (max-width: 991px) { 3883 .cid-vakWYfmlGa .img-wrapper img { 3884 width: 120px; 3885 height: 120px; 3886 } 3887} 3888 3889.cid-vakWYfmlGa p { 3890 line-height: 1.3; 3891} 3892 3893.cid-vakWYfmlGa .mbr-iconfont { 3894 font-size: 5rem; 3895 color: var(--primary-color); 3896 opacity: 0.2; 3897} 3898 3899@media (max-width: 992px) { 3900 .cid-vakWYfmlGa .mbr-iconfont { 3901 display: none; 3902 } 3903} 3904 3905.cid-vakWYfmlGa .wrapper { 3906 position: relative; 3907} 3908 3909.cid-vakWYfmlGa .wrapper .icon1 { 3910 position: absolute; 3911 left: -100px; 3912 top: -60px; 3913} 3914 3915.cid-vakWYfmlGa .wrapper .icon2 { 3916 position: absolute; 3917 right: -100px; 3918 bottom: -30px; 3919} 3920 3921.cid-vakWYfmlGa .img-wrapper { 3922 display: flex; 3923} 3924 3925.cid-vakWYfmlGa .card-text { 3926 text-align: center; 3927 color: #000000; 3928} 3929 3930.cid-vakWYfmlGa .card-title, 3931.cid-vakWYfmlGa .img-wrapper { 3932 text-align: center; 3933 color: #f0466a; 3934} 3935 3936</style> 3937<section class="tutorm5 people1 cid-vakWYfmlGa" id="testimonials-1-vakWYfmlGa"> 3938 <div class="container"> 3939 <div class="row justify-content-center"> 3940 <div class="col-md-12 col-lg-12"> 3941 <h4 class="mbr-section-subtitle mbr-fonts-style mb-2 display-5">èµæ·±ç©å®¶</h4> 3942 <h3 class="mbr-section-title mbr-fonts-style mb-5 mt-0 display-2">éæµ©</h3> 3943 </div> 3944 <div class="col-md-12 card col-lg-8"> 3945 <div class="wrapper"> 3946 <p class="card-text mbr-fonts-style display-5">è¿ä¸ªå¹³å°å¤ªæ£äºï¼æç¨å®å¶ä½çè§é¢è·å¾äºè¶ å¤ç¹èµï¼ç®ç´åä¸ä¸æ¥ï¼</p>
3947 <span class="mbr-iconfont icon1 mobi-mbri-quote-left mobi-mbri"></span> 3948 <span class="mbr-iconfont icon2 mobi-mbri-quote-right mobi-mbri"></span> 3949 </div> 3950 <div class="img-wrapper mt-4 justify-content-center"> 3951 <img alt="" data-slide-to="0" data-bs-slide-to="0" src="https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1557684387-08927d28c72a%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&e=1772928000&s=wg2vPgczuoNRxqbD9pYSr93MD2zEpFKsO_JmAm9xi0w"> 3952 </div> 3953 </div> 3954 </div> 3955 </div> 3956</section> 3957 3958<style> 3959.cid-vakWYfmDal { 3960 padding-top: 6rem; 3961 padding-bottom: 4rem; 3962 background-color: #FFFFFF; 3963} 3964 3965.cid-vakWYfmDal .item-subtitle { 3966 line-height: 1.2; 3967 color: #000000; 3968} 3969 3970.cid-vakWYfmDal img, 3971.cid-vakWYfmDal .item-img { 3972 width: 100%; 3973} 3974 3975.cid-vakWYfmDal .item:focus, 3976.cid-vakWYfmDal span:focus { 3977 outline: none; 3978} 3979 3980.cid-vakWYfmDal .item { 3981 margin-bottom: 2rem; 3982} 3983 3984@media (max-width: 767px) { 3985 .cid-vakWYfmDal .item { 3986 margin-bottom: 1rem; 3987 } 3988} 3989 3990.cid-vakWYfmDal .item-wrapper { 3991 position: relative; 3992 border-radius: 4px; 3993 height: 100%; 3994 display: flex; 3995 flex-flow: column nowrap; 3996} 3997 3998.cid-vakWYfmDal .mbr-section-title { 3999 color: var(--background-text); 4000} 4001 4002.cid-vakWYfmDal .mbr-text, 4003.cid-vakWYfmDal .mbr-section-btn { 4004 color: #232323; 4005} 4006 4007.cid-vakWYfmDal .item-title { 4008 color: #232323; 4009 text-align: center; 4010} 4011 4012.cid-vakWYfmDal .content-head { 4013 max-width: 800px; 4014} 4015 4016</style> 4017<section class="tutorm5 people2 cid-vakWYfmDal" id="clients-1-vakWYfmDal"> 4018 <div class="container"> 4019 <div class="row justify-content-center mb-5"> 4020 <div class="col-12 content-head"> 4021 <div class="mbr-section-head"> 4022 <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">ç¨æ·å¥½è¯å¦æ½®</h4> 4023 </div> 4024 </div> 4025 </div> 4026 <div class="row"> 4027 <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3 active"> 4028 <div class="item-wrapper"> 4029 <div class="item-img mb-3"> 4030 <img alt="Mobirise Website Builder" title="" data-slide-to="1" data-bs-slide-to="1" src="https://proxy.electricblaze.com/?u=https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort1.png&e=1772928000&s=p_jYJp8T4BdVwTDANBNjSrF_VF_jUYXS9DyvBBPvrTw"> 4031 </div> 4032 </div> 4033 </div> 4034 <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3"> 4035 <div class="item-wrapper"> 4036 <div class="item-img mb-3"> 4037 <img alt="Mobirise Website Builder" title="" data-slide-to="2" data-bs-slide-to="2" src="https://proxy.electricblaze.com/?u=https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort5.png&e=1772928000&s=AmPMgjbP58yzvf-mBW15flW9pddBvkPux7Wj4ZwWQ14"> 4038 </div> 4039 </div> 4040 </div> 4041 <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3"> 4042 <div class="item-wrapper"> 4043 <div class="item-img mb-3"> 4044 <img alt="Mobirise Website Builder" title="" data-slide-to="3" data-bs-slide-to="3" src="https://proxy.electricblaze.com/?u=https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort4.png&e=1772928000&s=e0sNFSqfgsTsSRQx-LBoYow9PFk-s-fG1RiZ9SX-UNY"> 4045 </div> 4046 </div> 4047 </div> 4048 <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3"> 4049 <div class="item-wrapper"> 4050 <div class="item-img mb-3"> 4051 <img alt="Mobirise Website Builder" title="" data-slide-to="4" data-bs-slide-to="4" src="https://proxy.electricblaze.com/?u=https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort6.png&e=1772928000&s=BiADicsmsEyNVqicgsQMGStzja5-si8d2rYQg0XzplQ"> 4052 </div> 4053 </div> 4054 </div> 4055 </div> 4056 </div> 4057</section> 4058 4059<style> 4060.cid-vakWYfnYRg { 4061 padding-top: 150px; 4062 padding-bottom: 150px; 4063 background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1543242594-c8bae8b9e708%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTR8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=-eKdZF5pohn9g3dlAP5Z-8PH7FECdhrYfgsqEAOH0hc"); 4064 overflow: hidden; 4065} 4066 4067.cid-vakWYfnYRg .mbr-overlay { 4068 background-color: var(--background-dark-color); 4069 opacity: 0.7; 4070} 4071 4072.cid-vakWYfnYRg .mbr-fallback-image.disabled { 4073 display: none; 4074} 4075 4076.cid-vakWYfnYRg .mbr-section-title { 4077 text-align: left; 4078 color: var(--background-dark-text); 4079} 4080 4081.cid-vakWYfnYRg .mbr-section-btn, 4082.cid-vakWYfnYRg .btn { 4083 width: 100%; 4084 margin: 0; 4085} 4086 4087.cid-vakWYfnYRg .row { 4088 justify-content: flex-end; 4089} 4090 4091@media (max-width: 992px) { 4092 .cid-vakWYfnYRg .md-pb {
4093 margin-bottom: 2rem !important; 4094 } 4095} 4096 4097.cid-vakWYfnYRg input, 4098.cid-vakWYfnYRg textarea { 4099 border-radius: 0 !important; 4100 border: 0px !important; 4101 margin-bottom: 1rem; 4102 border-bottom: 1px solid var(--background-dark-text) !important; 4103 background: transparent; 4104 box-shadow: none; 4105 padding: 0; 4106 color: var(--background-dark-text) !important; 4107} 4108 4109.cid-vakWYfnYRg input:hover, 4110.cid-vakWYfnYRg textarea:hover, 4111.cid-vakWYfnYRg input:active, 4112.cid-vakWYfnYRg textarea:active, 4113.cid-vakWYfnYRg input:focus, 4114.cid-vakWYfnYRg textarea:focus { 4115 border: 0px !important; 4116 background: transparent; 4117 border-bottom: 1px solid var(--background-dark-text) !important; 4118 box-shadow: none; 4119} 4120 4121.cid-vakWYfnYRg input::placeholder, 4122.cid-vakWYfnYRg textarea::placeholder { 4123 color: var(--background-dark-text) !important; 4124} 4125 4126.cid-vakWYfnYRg .mbr-section-subtitle { 4127 color: #ffffff; 4128 text-align: left; 4129} 4130 4131</style> 4132<section class="tutorm5 form2 cid-vakWYfnYRg" id="contact-form-2-vakWYfnYRg"> 4133 <div class="mbr-overlay" style="opacity: 0.7; background-color: var(--background-dark)"></div> 4134 <div class="container"> 4135 <div class="row"> 4136 <div class="col-12 md-pb col-lg-12"> 4137 <div class="mbr-section-head mb-5"> 4138 <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">èç³»æä»¬</h3> 4139 </div> 4140 </div> 4141 <div class="col-lg-6 mbr-form" data-form-type="formoid"> 4142 <!--Formbuilder Form--> 4143 <form action="#/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"> 4144 <div class="row"> 4145 <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div> 4146 <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12"> Oops...! some problem! </div> 4147 </div> 4148 <div class="dragArea row"> 4149 <div class="col-lg-12 col-md-12 col-sm-12 form-group mb-3 mb-3" data-for="name"> 4150 <input type="text" name="name" placeholder="ä½ çåå" data-form-field="name" class="form-control display-7" value="" id="name-form2-l"> 4151 </div> 4152 <div class="col-lg-12 col-md-12 col-sm-12 form-group mb-3" data-for="phone"> 4153 <input type="tel" name="phone" data-form-field="phone" class="form-control display-7" value="" placeholder="èç³»çµè¯" id="phone-form2-l"> 4154 </div> 4155 <div data-for="email" class="col-lg-12 col-md-12 col-sm-12 form-group mb-3 mb-3"> 4156 <input type="email" name="email" placeholder="çµåé®ç®±" data-form-field="email" class="form-control display-7" value="" id="email-form2-l"> 4157 </div> 4158 <div class="col-lg-12 col-md-12 col-sm-12 mt-3 mbr-section-btn"> 4159 <button type="submit" class="w-100 w-100 btn btn-primary display-7">åéæ¶æ¯</button> 4160 </div> 4161 </div> 4162 </form><!--Formbuilder Form--> 4163 </div> 4164 </div> 4165 </div> 4166</section> 4167 4168<style> 4169.cid-vakWYfnHB3 { 4170 padding-top: 6rem; 4171 padding-bottom: 6rem; 4172 background-color: #FFFFFF; 4173} 4174 4175.cid-vakWYfnHB3 .item:focus, 4176.cid-vakWYfnHB3 span:focus { 4177 outline: none; 4178} 4179 4180@media (max-width: 767px) { 4181 .cid-vakWYfnHB3 .align-right { 4182 text-align: center; 4183 } 4184} 4185 4186.cid-vakWYfnHB3 .card-wrapper { 4187 background: var(--primary-lighten-color); 4188 padding: 4rem 3rem; 4189 padding-bottom: 2rem; 4190 margin: 0; 4191} 4192 4193@media (max-width: 767px) { 4194 .cid-vakWYfnHB3 .card-wrapper { 4195 padding: 1rem 0rem; 4196 } 4197} 4198 4199.cid-vakWYfnHB3 .item { 4200 margin-bottom: 2rem; 4201} 4202 4203@media (max-width: 767px) { 4204 .cid-vakWYfnHB3 .item { 4205 margin-bottom: 1rem; 4206 } 4207} 4208 4209.cid-vakWYfnHB3 .mbr-card-title { 4210 background: #fed9e1; 4211 width: fit-content; 4212 border-radius: 1rem; 4213 padding: 6px 10px; 4214} 4215 4216.cid-vakWYfnHB3 .item-content { 4217 margin-top: 2rem; 4218 padding: 0 2rem 2rem; 4219 display: flex; 4220 flex-direction: column; 4221} 4222 4223@media (min-width: 992px) and (max-width: 1200px) { 4224 .cid-vakWYfnHB3 .item-content { 4225 padding: 2rem 1.5rem; 4226 padding-top: 1rem; 4227 margin-top: 1rem; 4228 } 4229} 4230 4231@media (max-width: 767px) { 4232 .cid-vakWYfnHB3 .item-content { 4233 padding: 1rem 1rem; 4234 padding-top: 0rem; 4235 margin-top: 1rem; 4236 } 4237} 4238 4239.cid-vakWYfnHB3 .item-wrapper { 4240 position: relative; 4241 background: var(--primary-color); 4242 height: 100%; 4243 display: flex; 4244 flex-direction: column; 4245 justify-content: center; 4246 flex-flow: column nowrap; 4247} 4248 4249.cid-vakWYfnHB3 .item-wrapper .item-footer { 4250 margin-top: auto; 4251} 4252 4253.cid-vakWYfnHB3 .mbr-section-title { 4254 color: var(--primary-lighten-text); 4255 text-align: left; 4256} 4257 4258.cid-vakWYfnHB3 .mbr-text, 4259.cid-vakWYfnHB3 .item .mbr-section-btn { 4260 text-align: center; 4261} 4262 4263.cid-vakWYfnHB3 .mbr-number { 4264 color: #f0466a; 4265} 4266 4267.cid-vakWYfnHB3 .mbr-section-subtitle, 4268.cid-vakWYfnHB3 .mbr-section-head .mbr-section-btn { 4269 text-align: left; 4270 color: var(--primary-lighten-text); 4271} 4272 4273.cid-vakWYfnHB3 .mbr-text { 4274 text-align: left; 4275} 4276 4277.cid-vakWYfnHB3 .mbr-text, 4278.cid-vakWYfnHB3 .mbr-card-btn { 4279 text-align: left; 4280} 4281 4282.cid-vakWYfnHB3 .mbr-text, 4283.cid-vakWYfnHB3 .mbr-section-btn { 4284 text-align: left; 4285} 4286 4287.cid-vakWYfnHB3 .mbr-text, 4288.cid-vakWYfnHB3 .item-footer .mbr-section-btn { 4289 text-align: left; 4290} 4291 4292.cid-vakWYfnHB3 .card-text, 4293.cid-vakWYfnHB3 .item .mbr-section-btn { 4294 text-align: center; 4295 color: var(--primary-text); 4296} 4297 4298.cid-vakWYfnHB3 .card-title { 4299 text-align: left; 4300 color: #ffffff; 4301} 4302 4303</style> 4304<section class="tutorm5 contacts1 cid-vakWYfnHB3" id="contacts-1-vakWYfnHB3"> 4305 <div class="container"> 4306 <div class="row card-wrapper"> 4307 <div class="col-12 content-head"> 4308 <div class="mbr-section-head mb-5"> 4309 <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">èç³»æ¹å¼</h4> 4310 <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">æä»»ä½é®é¢æå»ºè®®ï¼éæ¶èç³»æä»¬ã</h5> 4311 </div> 4312 </div> 4313 <div class="item features-without-image col-12 col-lg-4 active"> 4314 <div class="item-wrapper"> 4315 <div class="item-content"> 4316 <p class="card-text mbr-fonts-style mt-0 display-4">123-456-7890</p> 4317 </div> 4318 </div> 4319 </div> 4320 <div class="item features-without-image col-12 col-lg-4"> 4321 <div class="item-wrapper"> 4322 <div class="item-content"> 4323 <p class="card-text mbr-fonts-style mt-0 display-4">[email protected]</p> 4324 </div> 4325 </div> 4326 </div> 4327 <div class="item features-without-image col-12 col-lg-4"> 4328 <div class="item-wrapper"> 4329 <div class="item-content"> 4330 <p class="card-text mbr-fonts-style mt-0 display-4">éå²å¸å´å±±åºæµ·å°è·¯1å·æµ·å°ä¸çå®¶çµåç©é¦Båº3å±</p> 4331 </div> 4332 </div> 4333 </div> 4334 </div> 4335 </div> 4336</section> 4337 4338<style> 4339.cid-vakWYfnuMu { 4340 padding-top: 4rem; 4341 padding-bottom: 4rem; 4342 background-color: var(--background-dark); 4343} 4344 4345.cid-vakWYfnuMu .mbr-fallback-image.disabled { 4346 display: none; 4347} 4348 4349.cid-vakWYfnuMu .mbr-fallback-image { 4350 display: block; 4351 background-size: cover; 4352 background-position: center center; 4353 width: 100%; 4354 height: 100%; 4355 position: absolute; 4356 top: 0; 4357} 4358 4359.cid-vakWYfnuMu .copyright { 4360 color: #ffffff; 4361} 4362 4363.cid-vakWYfnuMu .line { 4364 width: 100%; 4365 height: 1px; 4366 opacity: 0.5; 4367 background: var(--background-dark-text); 4368 margin-bottom: 2rem; 4369} 4370 4371.cid-vakWYfnuMu .center { 4372 display: flex; 4373 flex-direction: column; 4374 justify-content: center; 4375} 4376 4377.cid-vakWYfnuMu .row { 4378 justify-content: center; 4379} 4380 4381@media (max-width: 767px) { 4382 .cid-vakWYfnuMu .row .copyright { 4383 text-align: center; 4384 padding-bottom: 2rem; 4385 } 4386} 4387 4388.cid-vakWYfnuMu .row-links { 4389 width: 100%; 4390 justify-content: center; 4391} 4392 4393.cid-vakWYfnuMu .row-links .row-links-soc { 4394 list-style: none; 4395 display: flex; 4396 justify-content: flex-end; 4397 flex-wrap: wrap; 4398 padding: 0; 4399 margin-bottom: 0; 4400} 4401 4402.cid-vakWYfnuMu .row-links .row-links-soc li { 4403 padding: 0 1rem 1rem 1rem; 4404} 4405 4406.cid-vakWYfnuMu .row-links .row-links-soc li p { 4407 margin: 0; 4408} 4409 4410@media (max-width: 767px) { 4411 .cid-vakWYfnuMu .row-links .row-links-soc { 4412 justify-content: center; 4413 } 4414} 4415 4416.cid-vakWYfnuMu .row-links-soc, 4417.cid-vakWYfnuMu .row-links-soc-item .row-links-soc-item { 4418 color: #ffffff; 4419} 4420 4421.cid-vakWYfnuMu .copyright, 4422.cid-vakWYfnuMu .line { 4423 color: var(--background-dark-text); 4424 text-align: left; 4425} 4426 4427</style> 4428<section class="tutorm5 footer1 cid-vakWYfnuMu" once="footers" id="footer-1-vakWYfnuMu"> 4429 <div class="container"> 4430 <div class="row"> 4431 <div class="col-12"> 4432 <div class="line"></div> 4433 </div> 4434 <div class="col-12 col-md-6 center"> 4435 <p class="mbr-fonts-style copyright display-7" data-mbr-ai-color="dominantText">2024 æ¡åè§é¢ çæææã</p> 4436 </div> 4437 </div> 4438 </div> 4439</section> 4440
4440<script src="/js/tao.js"></script>
vendor: 1 bytes, line 4440
4440
4441<script src="https://ai.mobirise.com/assets/tutorm5/bootstrap/js/bootstrap.bundle.min.js?v=taozi"></script>
4441 4442
4442<script src="https://ai.mobirise.com/assets/tutorm5/dropdown/js/navbar-dropdown.js?v=taozi"></script>
4442 4443
4443<script src="https://ai.mobirise.com/assets/tutorm5/mbr-switch-arrow/mbr-switch-arrow.js?v=taozi"></script>
4443 4444
4444<script src="https://ai.mobirise.com/assets/tutorm5/playervimeo/vimeo_player.js?v=taozi"></script>
4444 4445
4445<script src="https://ai.mobirise.com/assets/tutorm5/scrollgallery/scroll-gallery.js?v=taozi"></script>
4445 4446
4446<script src="https://ai.mobirise.com/assets/tutorm5/smoothscroll/smooth-scroll.js?v=taozi"></script>
4446 4447
4447<script src="https://ai.mobirise.com/assets/tutorm5/ytplayer/index.js?v=taozi"></script>
4447 4448
4448<script src="https://ai.mobirise.com/assets/tutorm5/theme/js/script.js?v=taozi"></script>
4448 4449
4449<script src="https://ai.mobirise.com/assets/preview.js"></script>
4449 4450
4450<script> 4451 4452 (function(){ 4453 var animationInput = document.createElement('input'); 4454 animationInput.setAttribute('name', 'animation'); 4455 animationInput.setAttribute('type', 'hidden'); 4456 document.body.append(animationInput); 4457 })(); 4458 4459 </script>
4459 4460</body> 4461</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.