1<!doctype html> 2 3<html lang="zh" class=""><!--<![endif]--> 4 5 6 7<head> 8 9 <meta charset="utf-8"> 10 11 <title>é¦é¡µ - èå°</title> 12 13 14 15 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 16 17 <meta content="" name="description"> 18 19 <meta content="" name="author"> 20 21 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 22 23 24 <!-- å¼å§ï¼å ¨å±æ ·å¼ --> 25 26 27 28 <!--<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=all' rel='stylesheet' type='text/css'> --> 29 30 <!--link href="/static/assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css" /--> 31 <link rel="stylesheet" href="./asset/css/bootstrapV4.6.2.min.css" type="text/css"> 32 33 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" 34 integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" 35 crossorigin="anonymous" referrerpolicy="no-referrer"> 36 37 <link crossorigin="anonymous" 38 integrity="sha512-QKC1UZ/ZHNgFzVKSAhV5v5j73eeL9EEN289eKAEFaAjgAiobVAnVv/AGuPbXsKl1dNoel3kNr6PYnSiTzVVBCw==" 39 href="//lib.baomitu.com/simple-line-icons/2.5.5/css/simple-line-icons.min.css" rel="stylesheet"> 40 41 <link href="//www.assets.joyncdn.com/static/assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css"> 42 43 44 45 <!-- ç»æï¼å ¨å±æ ·å¼ --> 46 47 <!-- å¼å§ï¼åºç¡æä»¶ --> 48 49 <!--link href="/static/assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css" /--> 50 51 <link href="./asset/plugins/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet" type="text/css"> 52 53 <link href="./asset/plugins/owl-carousel/assets/owl.theme.default.min.css" rel="stylesheet" type="text/css"> 54 55 <link href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet"> 56 57 <link href="//www.assets.joyncdn.com/static/assets/plugins/slider-for-bootstrap/css/slider.css" rel="stylesheet" 58 type="text/css"> 59 60 <!-- ç»æï¼åºç¡æä»¶ --> 61 62 <!-- å¼å§ï¼é¡µé¢æ ·å¼ --> 63 64 <link href="//www.assets.joyncdn.com/static/assets/css/default/css/plugins.min.css" rel="stylesheet" type="text/css"> 65 66 <link href="//www.assets.joyncdn.com/static/assets/css/default/css/components.min.css" id="style_components" 67 rel="stylesheet" type="text/css"> 68 69 <link href="//www.assets.joyncdn.com/static/assets/css/default/css/default.min.css" rel="stylesheet" id="style_theme" 70 type="text/css"> 71 72 <link href="//www.assets.joyncdn.com/static/assets/css/default/css/custom.css" rel="stylesheet" type="text/css"> 73 74 <link href="//www.assets.joyncdn.com/static/kjoyn/css/base.css" rel="stylesheet" type="text/css"> 75 <link href="./asset/css/main.css" rel="stylesheet" type="text/css"> 76 <!-- <link rel="stylesheet" href="./asset/css/oneui.css"> --> 77 78 <link href="//cdn.bootcss.com/hover.css/2.1.1/css/hover-min.css" rel="stylesheet"> 79 80 <link href="./news/assets/css/vendor/nice-select.css" rel="stylesheet"> 81 82 <!-- ç»æï¼é¡µé¢æ ·å¼ --> 83 84 <style type="text/css"> 85 .c-owl-carousel { 86 87 max-width: 100%; 88 89 margin: auto; 90 91 height: 580px; 92 93 } 94 95 96 97 .c-owl-carousel .owl-dots { 98 99 left: 50%; 100 101 transform: translate(-50%, 0); 102 103 position: absolute; 104 105 text-align: center; 106 107 margin-top: -60px; 108 109 z-index: 2; 110 111 } 112 113 114 115 .c-owl-carousel .owl-dot { 116 117 height: 20px; 118 119 width: 20px; 120 121 border: 1px solid #f3f5f7 !important; 122 123 background-color: #999; 124 125 opacity: 0.5; 126 127 outline: none; 128 129 margin: 0 5px; 130 131 transition: all 0.1s ease; 132 133 cursor: pointer; 134 135 } 136 137 138 139 .c-owl-carousel .owl-dot span { 140 141 width: 0; 142 143 height: 0; 144 145 opacity: 0; 146 147 } 148 149 150 151 .c-owl-carousel .owl-dot:hover, 152 153 .c-owl-carousel .owl-dot.active { 154 155 background-color: #f39700 !important; 156 157 opacity: 1; 158 159 } 160 161 .c-bg-image-course { 162 display: flex; 163 position: relative; 164 width: 100%; 165 height: 100%; 166 background-size: cover; 167 background-repeat: no-repeat; 168 background-position: center center; 169 background-image: url(./asset/img/images/backgroundImage-5.png); 170 171 } 172 </style> 173 174 175 176 <link rel="shortcut icon" href="//www.assets.joyncdn.com/static/assets/base/img/favicon.ico"> 177 178 <style type="text/css"> 179 .fancybox-margin { 180 181 margin-right: 17px; 182 183 } 184 </style> 185 186 187 <style type="text/css"> 188 .academy-photowall { 189 margin: 0; 190 padding: 0; 191 padding-top: 50px; 192 position: relative; 193 } 194 195 .academy-photowall>img { 196 position: absolute; 197 top: 50px; 198 left: 100px; 199 cursor: pointer; 200 padding: 10px 10px 25px; 201 background-color: #fff; 202 border: 1px solid #ddd; 203 transition: 0.5s; 204 box-shadow: 3px 3px 3px #ccc; 205 } 206 207 .academy-photowall>.img1 { 208 left: 40px; 209 top: 20px; 210 transform: rotate(30deg); 211 z-index: 1; 212 } 213 214 .academy-photowall>.img2 { 215 left: 136px; 216 top: 156px; 217 transform: rotate(-30deg); 218 z-index: 1; 219 } 220 221 .academy-photowall>.img3 { 222 left: 305px; 223 top: 60px; 224 transform: rotate(30deg); 225 z-index: 1; 226 } 227 228 .academy-photowall>.img4 { 229 left: 381px; 230 top: 256px; 231 transform: rotate(30deg); 232 z-index: 1; 233 } 234 235 .academy-photowall>.img5 { 236 left: 520px; 237 top: 110px;
238 transform: rotate(-40deg); 239 z-index: 1; 240 } 241 242 .academy-photowall>img:hover { 243 transform: rotate(0deg); 244 transform: scale(1.5); 245 box-shadow: 6px 6px 6px #656565; 246 z-index: 2; 247 } 248 </style> 249 250 251</head> 252 253 254 255<body class="c-layout-header-fixed c-layout-header-mobile-fixed c-layout-header-fullscreen"> 256 257 258 259 <header class="c-layout-header c-layout-header-default c-layout-header-dark-mobile c-header-transparent-dark" 260 data-minimize-offset="65"> 261 262 263 264 265 <!-- å¼å§: èå --> 266 267 <!-- Dropdown menu toggle on mobile: c-toggler class can be applied to the link arrow or link itself depending on toggle mode --> 268 <nav class="navbar" 269 style="background-color: white; border-bottom:1px solid #c0c0c0; box-shadow: 0 0 4px 0 rgb(116, 116, 116);"> 270 <a class="navbar-brand navbar-logo" href="index.html"> 271 <img src="./asset/img/logo/kjoyn-logo.png" alt=""> 272 </a> 273 <ul class="nav justify-content-end navbar-menu"> 274 <li class="nav-item"> 275 <a class="nav-link active" href="/"><span data-i18n="home"></span></a> 276 </li> 277 <li class="nav-item"> 278 <a class="nav-link" href="academy"><span data-i18n="academy"></span></a> 279 </li> 280 <li class="nav-item"> 281 <a class="nav-link" href="edutrip"><span data-i18n="itineraries"></span></a> 282 </li> 283 <li class="nav-item"> 284 <a class="nav-link" href="adventure"><span data-i18n="expedition"></span></a> 285 </li> 286 <li class="nav-item"> 287 <a class="nav-link" href="ourService"><span data-i18n="service"></span></a> 288 </li> 289 <li class="nav-item"> 290 <a class="nav-link" href="about"><span data-i18n="about"></span></a> 291 </li> 292 <li class="nav-item" id="languageItem"></li> 293 </ul> 294 </nav> 295 296 </header> 297 298 299 300 <!-- å¼å§ï¼é¡µé¢å 容 --> 301 302 303 <!-- å¼å§ï¼è½®æ --> 304 <div class="c-layout-page" style="margin-top: 60px;"> 305 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> 306 <ol class="carousel-indicators">
307 <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> 308 <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> 309 <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> 310 <li data-target="#carouselExampleIndicators" data-slide-to="3"></li> 311 </ol> 312 <div class="carousel-inner"> 313 <div class="carousel-item active"> 314 <img src="//www.assets.joyncdn.com/static/kjoyn/images/mainbanner-1.png" class="d-block w-100" alt="JOYN"> 315 </div> 316 <div class="carousel-item"> 317 <!-- å¼å§ï¼ç»å ¸èå°å¦é¢è¯¾ç¨ --> 318 319 <div class="c-content-box d-block w-100"> 320 <img src="./asset/img/images/backgroundImage-5.png" class="d-block w-100" alt="JOYN"> 321 <div class="elementor-background-overlay-2"></div> 322 <div class="container"> 323 <div class="c-content-team-1-slider"> 324 325 <div class="academy-content-frame"> 326 <div class="elementor-background-overlay"></div> 327 <!-- å¼å§ï¼çé¨ç 妿 é¢ --> 328 329 <div class="academy-text-frame academy-title container"> 330 331 <p class="academy-line-name col-md-12"><span data-i18n="academyCourses"></span></p> 332 333 <p class="academy-subline c-margin-t-50 c-margin-b-10 col-md-8"><span 334 data-i18n="academySubCourses"></span></p> 335 336 <a href="academy" class="academy-button"> 337 <span class="elementor-button-content-wrapper"> 338 <span class="elementor-button-icon"> 339 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" 340 fill="none"> 341 <path 342 d="M6.1885 17.2885L5.5 16.6L15.5807 6.5H6.2885V5.5H17.2885V16.5H16.2885V7.20775L6.1885 17.2885Z" 343 fill="#171717"></path> 344 </svg> </span> 345 <span data-i18n="learnMore"></span> 346 </span> 347 </a> 348 </div> 349 350 <!-- ç»æï¼çé¨ç 妿 é¢ --> 351 </div> 352 </div> 353 </div> 354 </div> 355 </div> 356 <!-- ç»æï¼ç»å ¸èå°å¦é¢è¯¾ç¨ --> 357 <div class="carousel-item"> 358 <img src="//www.assets.joyncdn.com/static/imgs/70/2d/702d900c4554b11.jpg" class="d-block w-100" alt="JOYN"> 359 </div> 360 <div class="carousel-item"> 361 <img src="//www.assets.joyncdn.com/static/kjoyn/images/kjoyn-banner-1.png" class="d-block w-100" alt="JOYN"> 362 </div> 363 364 </div> 365 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 366 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 367 <span class="sr-only">Previous</span> 368 </a> 369 <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 370 <span class="carousel-control-next-icon" aria-hidden="true"></span> 371 <span class="sr-only">Next</span> 372 </a> 373 </div> 374 375 </div> 376 377 <!-- ç»æï¼è½®æ --> 378 379 380 381 <!-- å¼å§ï¼ä¸å¯¼èª --> 382 383 <div class="c-content-box c-size-md c-bg-white"> 384 385 <div class="container"> 386 387 <div class="row"> 388 389 <div class="col-sm"> 390 391 <div class="c-content-feature-1 c-left"> 392 393 <a href="academy"> 394 395 <div class="c-content-line-icon c-j-icons-100 c-j-icons c-j-i-6"></div> 396 397 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="academy"></span></h3> 398 399 <p class="c-font-thin">é«è§æ ¼å¢éæé æ´ä¸ä¸çç¥è¯ä½ç³»ãæ´ç»è´ä¸ªæ§åçæå¡ï¼ä¸è·¯è¾ 导è·éï¼å±ç°å¦é¸é£é</p> 400 401 </a> 402 403 </div> 404 405 </div> 406 407 <div class="col-sm"> 408 409 <div class="c-content-feature-1 c-left"> 410 411 <a href="edutrip"> 412 413 <div class="c-content-line-icon c-j-icons-100 c-j-icons c-j-i-5"></div> 414 415 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="itineraries"></span></h3> 416 417 <p class="c-font-thin">å¤ææµ·å¤åæ ¡ç宿¹åä½é¡¹ç®ï¼å ¥ä½åæ ¡ä½éªãä¼ç§åä¼è®¿é®ã夿åå¤é¢åçå ¨é¢æ¥è§¦äºè§£</p> 418 419 </a> 420 421 </div> 422 423 </div> 424 425 <div class="col-sm"> 426 427 <div class="c-content-feature-1 c-left"> 428 429 <a href="adventure"> 430 431 <div class="c-content-line-icon c-j-icons-100 icon-tanxian"></div> 432 433 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="expedition"></span></h3> 434 435 <p class="c-font-thin">å¤åä¸ä¸çº§èå¸é¢éï¼æ·±å ¥ä¸çæèªç¶çé«å³°ãèåãæ£®æï¼ä»æ¤äººçä¸çéæ¾</p> 436 437 </a> 438 439 </div> 440 441 </div> 442 443 <div class="col-sm"> 444 445 <div class="c-content-feature-1 c-left"> 446 447 <a href="ourService"> 448 449 <div class="c-content-line-icon c-j-icons-100 c-j-icons c-j-i-7"></div> 450 451 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="service"></span></h3> 452 453 <p class="c-font-thin">å¤åä¸ä¸çº§èå¸é¢éï¼æ·±å ¥ä¸çæèªç¶çé«å³°ãèåãæ£®æï¼ä»æ¤äººçä¸çéæ¾</p> 454 455 </a> 456 457 </div> 458 459 </div> 460 461 <div class="col-sm"> 462 463 <div class="c-content-feature-1 c-left"> 464 465 <a href="about"> 466 467 <div class="c-content-line-icon c-j-icons-100 icon-service"></div> 468 469 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="about"></span></h3> 470 471 <p class="c-font-thin">âèå°âçä»å¤©æ¯âèå°âæ¨å¤©çèå°ç´¯ç§¯ï¼æä»¬ç¸ä¿¡æ¢¦æ³æ¯ä¸æ¥ä¸ä¸ªèå°ç¹ççï¼äºè§£æ´å¤æä»¬çèå°</p> 472 473 </a> 474 475 </div> 476 477 </div> 478 479 </div> 480 481 </div> 482 483 </div> 484 485 <!-- ç»æï¼ä¸å¯¼èª --> 486 487 <!-- å¼å§ï¼ç»å ¸èå°å¦é¢è¯¾ç¨ --> 488 <div class="c-content-box c-size-sm c-bg-grey-6"> 489 490 <div class="container"> 491 492 <div class="c-content-team-1-slider"> 493 494 <div class="academy-content-frame-3"> 495 496 <div class="academy-text-frame-h350 academy-title row"> 497 498 <div class="col-md-6"> 499 <h3 class="academy-line-name-1 col-md-12"><span data-i18n="academyCourses"></span></h3> 500 <p class="academy-subline c-margin-t-50 c-margin-b-10 col-md-12" style="color: #5c6873;"><span 501 data-i18n="academySubCourses"></span></p> 502 <a href="academy" class="academy-button">
503 <span class="elementor-button-content-wrapper"> 504 <span class="elementor-button-icon"> 505 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 506 <path 507 d="M6.1885 17.2885L5.5 16.6L15.5807 6.5H6.2885V5.5H17.2885V16.5H16.2885V7.20775L6.1885 17.2885Z" 508 fill="#171717"></path> 509 </svg> </span> 510 <span data-i18n="learnMore"></span> 511 </span> 512 </a> 513 </div> 514 <div class="col-md-auto academy-photowall" id="academy-photowall"> 515 </div> 516 </div> 517 </div> 518 </div> 519 </div> 520 </div> 521 522 <!-- ç»æï¼ç»å ¸èå°å¦é¢è¯¾ç¨ --> 523 524 <!-- å¼å§ï¼çé¨ç å¦ --> 525 526 <div class="c-content-box c-size-sm c-bg-white"> 527 528 <div class="container"> 529 530 <div class="c-content-team-1-slider"> 531 532 <!-- å¼å§ï¼çé¨ç 妿 é¢ --> 533 534 <div class="c-content-title-1 yanxue-title"> 535 536 <h3 class="c-center c-font-bold c-font-uppercase"><span data-i18n="itineratyLine"></span></h3> 537 538 <p class="c-center c-margin-t-10 c-margin-b-10"><span data-i18n="itineratySubLine"></p> 539 540 </div> 541 542 <!-- ç»æï¼çé¨ç 妿 é¢ --> 543 <div class="yanxue-content-frame"> 544 <!-- å¼å§ï¼çé¨ç å¦å 容 --> 545 <div class="yanxue-text-frame"> 546 <div class="c-name c-font-uppercase yanxue-line-name"><span data-i18n="itineratyLine_title"></span></div> 547 <div class="c-position yanxue-line-subname"><span data-i18n="itineratyLine_subtitle"></span></div> 548 <p class="dotdotdot c-font-14 yanxue-line-content"> 549 <span data-i18n="itineratyLine_content1"></span> 550 </p> 551 <p class="dotdotdot c-font-14 yanxue-line-content"> 552 <span data-i18n="itineratyLine_content2"></span> 553 </p> 554 <p class="dotdotdot c-font-14 yanxue-line-content"> 555 <span data-i18n="itineratyLine_content3"></span> 556 </p> 557 <p class="dotdotdot c-font-14 yanxue-line-content"> 558 <span data-i18n="itineratyLine_content4"></span> 559 </p> 560 <div class="col-md-12 c-center yanxue-more"> 561 562 <a href="edutrip" class="btn c-theme-btn c-btn-border-2x c-btn-square" style="padding: 10px 70px;"><span 563 data-i18n="lineMore"></span></a> 564 565 </div> 566 567 </div> 568 <div class="yanxue-frame"> 569 <a style="width:100%;height:100%;display:block" target="_blank" href="edutrip"> 570 <img src="http://www.assets.joyncdn.com/static/kjoyn/images/image-yanxue-1.jpg" alt="JOYN" 571 class="defaultimg-yanxue"></a> 572 </div> 573 </div> 574 </div> 575 <!-- ç»æï¼çé¨ç å¦å 容 --> 576 </div> 577 </div> 578 <!-- ç»æï¼çé¨ç å¦ --> 579 <!-- å¼å§ï¼ç鍿¢é© --> 580 581 <div class="c-content-box c-size-sm c-bg-grey-6"> 582 583 <div class="container"> 584 585 <div class="c-content-team-1-slider"> 586 587 <!-- å¼å§ï¼ç鍿¢é©æ é¢ --> 588 589 <div class="c-content-title-1 yanxue-title"> 590 591 <h3 class="c-center c-font-bold c-font-uppercase"><span data-i18n="exploreLine"></span></h3> 592 593 <p class="c-center c-margin-t-10 c-margin-b-10"><span data-i18n="exploreSubLine"></span></p> 594 595 </div> 596 597 <!-- ç»æï¼ç鍿¢é©æ é¢ --> 598 <!-- å¼å§ï¼ç鍿¢é©å 容 --> 599 <div class="yanxue-content-frame"> 600 <div class="yanxue-frame tanxian-frame"> 601 <a style="width:100%;height:100%;display:block" target="_blank" href="adventure"> 602 <img src="http://www.assets.joyncdn.com/static/kjoyn/images/tanxian-1.jpg" alt="JOYN" 603 class="defaultimg-yanxue"></a> 604 </div> 605 <div class="tanxian-text-frame"> 606 <div class="c-name c-font-uppercase yanxue-line-name"><span data-i18n="exploreLine_title"></span></div> 607 <div class="c-position yanxue-line-subname"><span data-i18n="exploreLine_subtitle"></span></div> 608 <p class="dotdotdot c-font-14 yanxue-line-content">
609 <span data-i18n="exploreLine_content1"></span> 610 </p> 611 <p class="dotdotdot c-font-14 yanxue-line-content"> 612 <span data-i18n="exploreLine_content2"></span> 613 </p> 614 <p class="dotdotdot c-font-14 yanxue-line-content"> 615 <span data-i18n="exploreLine_content3"></span> 616 </p> 617 <p class="dotdotdot c-font-14 yanxue-line-content"> 618 <span data-i18n="exploreLine_content4"></span> 619 </p> 620 <div class="col-md-12 c-center yanxue-more"> 621 622 <a href="adventure" class="btn c-theme-btn c-btn-border-2x c-btn-square" style="padding: 10px 70px;"><span 623 data-i18n="lineMore"></span></a> 624 625 </div> 626 627 </div> 628 </div> 629 </div> 630 <!-- ç»æï¼ç鍿¢é©å 容 --> 631 </div> 632 </div> 633 <!-- ç»æï¼ç鍿¢é© --> 634 <!-- å¼å§ï¼å¦çæè¨ --> 635 <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel"> 636 <ol class="carousel-indicators"> 637 <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li> 638 <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li> 639 <li data-target="#carouselExampleIndicators1" data-slide-to="2"></li> 640 <li data-target="#carouselExampleIndicators1" data-slide-to="3"></li> 641 <li data-target="#carouselExampleIndicators1" data-slide-to="4"></li> 642 <li data-target="#carouselExampleIndicators1" data-slide-to="5"></li> 643 <li data-target="#carouselExampleIndicators1" data-slide-to="6"></li> 644 <li data-target="#carouselExampleIndicators1" data-slide-to="7"></li> 645 <li data-target="#carouselExampleIndicators1" data-slide-to="8"></li> 646 <li data-target="#carouselExampleIndicators1" data-slide-to="9"></li> 647 <li data-target="#carouselExampleIndicators1" data-slide-to="10"></li> 648 <li data-target="#carouselExampleIndicators1" data-slide-to="11"></li> 649 <li data-target="#carouselExampleIndicators1" data-slide-to="12"></li> 650 <li data-target="#carouselExampleIndicators1" data-slide-to="13"></li> 651 <li data-target="#carouselExampleIndicators1" data-slide-to="14"></li> 652 <li data-target="#carouselExampleIndicators1" data-slide-to="15"></li> 653 </ol> 654 <div class="carousel-inner row justify-content-md-center" 655 style="height: 400px; display: block; background-image: url(./asset/img/content/backgrounds/bg-51.jpg);"> 656 <div class="carousel-item active c-comment-item"> 657 658 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 659 660 女å¿å¨ä»å¤©çæ¥è®°ä¸åéâS. Chu allowed us to visit because we are the new generation. How many people could 661 662 have a chance like that? I was lucky!âä½ ä»¬çä»åºå©åä»¬å·²ç»æåå°äºã 663 664 </div> 665 <div class="c-person c-person--inline-center"> 666 <img data-src="./asset/img/images/country/cn.png" class="img-country lazy" 667 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 668 <div class="c-person-detail c-font-uppercase"> 669 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name1"></span></h4> 670 </div> 671 </div> 672 </div> 673 <div class="carousel-item c-comment-item"> 674 675 676 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 677 678 With the wind of freedom, we arrived at Stanford University in San Francisco on July 19th. I was 679 680 attracted by the deep blue sky and the soaring church when I left my first sight on it. I 681 682 realized that I was on another world where I always dreams of. Think through the classes I had 683 684 at Stanford, a crucial thought came into my mindâdonât be afraid of attaining what you struggle 685 686 for. If you ask what I could get from this trip, the answer is in the sound of the silentã 687 <br /> 688 (ä¹çèªç±ä¹é£ï¼æä»¬å¨7æ19æ¥æµè¾¾äºæ§éå±±çæ¯å¦ç¦å¤§å¦ãä»ç¬¬ä¸ç¼è§å°é£æ·±éçè天åé«è¸çæå å°é¡¶èµ·ï¼æä¾¿è¢«æ·±æ·±å¸å¼ãææè¯å°ï¼èªå·±å·²è¸å ¥æ¢¦å¯ä»¥æ±çå¦ä¸ä¸ªä¸çã 689 690 忳卿¯å¦ç¦ç课ç¨ï¼ä¸ä¸ªéè¦çæ³æ³æµ®ç°å¨èæµ·ï¼ä¸è¦çæ§å»å®ç°ä½ å¥æè¿½æ±çäºç©ãè¥é®æ¤è¡æè·å¾äºä»ä¹ï¼çæ¡å°±å¨é£å¯éä¹å£°ä¸ã) 691 692 </div> 693 <div class="c-person c-person--inline-center"> 694 <img data-src="./asset/img/images/country/cn.png" class="img-country lazy" 695 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 696 <div class="c-person-detail c-font-uppercase"> 697 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name2"></span></h4> 698 </div> 699 700 </div> 701 </div> 702 <div class="carousel-item c-comment-item"> 703 704 705 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 706 707 ååæè°¢å士ä¸è·¯ä¸çéªä¼´ï¼ä¸è·¯ä¸ä½ çè®²è§£è¿æå¨æ¯å¦ç¦è®²ç对梦æ³çè§£è¯»è¿æä½ ç人çç»åå享ï¼é½è®©æåçåªæµ ãä¸ä¸åè¡ä¸ç课ï¼äºè§£å®è¿æ¹é¢çç²¾è±å¯¹åè¡ä¸ççæ³ï¼è¿äºå¯¹äºæè¿ä¸ªè¿æªæç¡®æªæ¥æ¹åçäººçæ¯precious 708 709 experiencesã<br /> 710 (Thank you so much, Dr., for your companionship throughout the journey. Your explanations, your insights on 711 dreams shared at Stanford, and the life experiences you've offered have all been immensely beneficial to me. 712 Attending classes across different industries and learning from elites about their perspectives on various 713 fieldsâthese have truly been precious experiences for someone like me who hasnât yet defined a clear direction 714 for the future.) 715 716 </div> 717 <div class="c-person c-person--inline-center"> 718 <img data-src="./asset/img/images/country/cn.png" class="img-country lazy" 719 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 720 <div class="c-person-detail c-font-uppercase"> 721 722 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name3"></span></h4> 723 724 </div> 725 726 </div> 727 </div> 728 <div class="carousel-item c-comment-item"> 729 730 731 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 732 733 æ´è®©æå°è±¡æ·±å»çæ¯ï¼æé£ä¹å¤æ¯ææ´æå¤©èµçäººé½æ¯æè¦åªåãæå³å°é¢å¯¹çæ¯äººäººå½¢å®¹çå¦èçé«ä¸ï¼ææ³å¨æ¯å¦ç¦å¦å°ç认çä¸åªååºè¯¥ä¼è®©æè½æ´å¥½å°å¨é«èè¿åºæå½¹ä¸åæä¸å»ãå°±åéæå士ç»çç®´è¨ï¼Seize 734 735 the day and cherish your timeãå ±åã 736 <br /> 737 (What impressed me even more was seeing so many people more talented than me, yet working even harder. I am 738 about to face the notoriously intense final year of high school, often described as fiercely challenging. I 739 believe the dedication and diligence I learned at Stanford will help me persevere through the crucial battle 740 of the college entrance examination. Just as Dr. Chen Shenâs adage goes: "Seize the day and cherish your 741 time." Let this be an encouragement to us all.) 742 743 </div> 744 <div class="c-person c-person--inline-center"> 745 <img data-src="./asset/img/images/country/cn.png" class="img-country lazy" 746 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 747 <div class="c-person-detail c-font-uppercase"> 748 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name4"></span></h4> 749 </div> 750 </div> 751 </div> 752 753 <div class="carousel-item c-comment-item"> 754 755 756 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 757 758 纽约大é½ä¼åç©é¦çâä¸ç»¸ä¹è·¯âå±è§è®©æéæ¼ââææä»æ¥å¨äº¤èä¸éªèãéå士å¨å¥ä¼¦æ¯äºå¤§å¦åå¡å 对æä»¬è¯´ï¼âä½ ä»¬è¦åç䏿¯éæ©ä¸æ¡è·¯ï¼èæ¯æå»ºæ¡¥æ¢ãâè¿å¥è¯å°æä¸ºææä¹¦çæ ¸å¿ä¸»é¢ã 759 <br /> 760 (The "Silk Road" exhibition at the Metropolitan Museum of Art in New York left me in aweâcivilizations have 761 always gleamed through exchange. Dr. Chen said to us in a café at Columbia University, "What you should do is 762 not choose a path, but build bridges." This quote will become the core theme of my application essay.) 763 </div> 764 <div class="c-person c-person--inline-center"> 765 <img data-src="./asset/img/images/country/hk.png" class="img-country lazy" 766 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 767 <div class="c-person-detail c-font-uppercase"> 768 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name5"></span></h4> 769 </div> 770 </div> 771 </div> 772 773 <div class="carousel-item c-comment-item"> 774 <img data-src="./asset/img/images/feedback-1.jpg" class="img-content-responsive lazy" 775 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 776 777 <div class="c-person c-person--inline-center"> 778 779 <img data-src="./asset/img/images/country/au.png" class="img-country lazy" 780 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 781 782 <div class="c-person-detail c-font-uppercase"> 783 784 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name6"></span></h4> 785 786 </div> 787 788 </div> 789 </div> 790 <div class="carousel-item c-comment-item"> 791 <img data-src="./asset/img/images/feedback-6.jpg" class="img-content-responsive lazy" 792 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 793 <div class="c-person c-person--inline-center"> 794 795 <img data-src="./asset/img/images/country/au.png" class="img-country lazy" 796 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 797 798 <div class="c-person-detail c-font-uppercase"> 799 800 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name7"></span></h4> 801 802 </div> 803 804 </div> 805 806 </div> 807 <div class="carousel-item c-comment-item"> 808 <img data-src="./asset/img/images/feedback-3.jpg" class="img-content-responsive lazy" 809 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 810 <div class="c-person c-person--inline-center"> 811 812 <img data-src="./asset/img/images/country/sg.png" class="img-country lazy" 813 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 814 815 <div class="c-person-detail c-font-uppercase"> 816 817 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name8"></span></h4> 818 819 </div> 820 821 </div> 822 823 </div> 824 <div class="carousel-item c-comment-item"> 825 <img data-src="./asset/img/images/feedback-4.jpg" class="img-content-responsive lazy" 826 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 827 828 <div class="c-person c-person--inline-center"> 829 830 <img data-src="./asset/img/images/country/nz.png" class="img-country lazy" 831 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 832 833 <div class="c-person-detail c-font-uppercase"> 834 835 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name9"></span></h4> 836 837 </div> 838 </div> 839 840 </div> 841 <div class="carousel-item c-comment-item"> 842 <img data-src="./asset/img/images/feedback-5.jpg" class="img-content-responsive lazy" 843 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 844 <div class="c-person c-person--inline-center"> 845 846 <img data-src="./asset/img/images/country/tw-1.png" class="img-country lazy" 847 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 848 849 <div class="c-person-detail c-font-uppercase"> 850 851 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name10"></span></h4> 852 853 </div> 854 855 </div> 856 </div> 857 <div class="carousel-item c-comment-item"> 858 859 860 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 861 862 ã¦ã©ã¼ã«è¡ã§ã¢ããªã¹ããããã°ãã¼ãã«å¸å ´ã§åã¤ã«ã¯å¤æ§æ§çè§£ãä¸å¯æ¬ ãã¨èããæããã¼ãã¼ãã®å¤æåãã£ã¹ã«ãã·ã§ã³ã§æããå± å¿å°ã®æªãã®æå³ãããããåããã¾ãããé³å士ãç°æåã®æ©æ¦ã価å¤ã«å¤ããæ¹æ³ãæãã¦ãã ããããããã¨ããããã¾ãã 863 <br /> 864 (å¨åå°è¡å¬åæå¸è¯´âè¦å¨å ¨çå¸åºèåºå¿ é¡»çè§£å¤æ ·æ§âæ¶ï¼æç»äºæäºå¨åä½å¤å æåè®¨è®ºä¸æåå°çé£äºä¸éæå³çä»ä¹ãæè°¢éå士æä¼æå°æåæ©æ¦è½¬å为价å¼çæ¹æ³ã)<br /> 865 (When an analyst on Wall Street 866 told me, "Understanding diversity is essential to winning in the global market," I finally grasped the meaning 867 of the discomfort I had felt during multicultural discussions at Harvard. Dr. Chen, thank you for teaching me 868 how to transform cultural friction into value.) 869 </div> 870 <div class="c-person c-person--inline-center"> 871 <img data-src="./asset/img/images/country/jp.png" class="img-country lazy" 872 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 873 <div class="c-person-detail c-font-uppercase"> 874 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name11"></span></h4> 875 </div> 876 </div> 877 </div> 878 879 <div class="carousel-item c-comment-item"> 880 881 882 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 883 884 맨í´í¼ìì ìê¸ ì¡°ë¬ì ë ¼ìíë ì¤íí¸ì íìì¤ì ëííì ë, ì¤ì ë¡ ë¤ìí ì¡ì¼í¸ì ìì´ê° ì¤ê°ë ê²ì ë³´ê³ âê¸ë¡ë² ìëâì ì미를 깨ë¬ììµëë¤. ì§ ë°ì¬ëê»ìë ì ë ë§ë¤ ì°ë¦¬ì 문íì ê´ì°°ì 885 í문ì íë ìì¼ë¡ ì°ê²°ì§ì´ ì£¼ì ¨ìµëë¤. 886 <br /> 887 (彿éååå æ¼åé¡¿çååä¼ä¸èèµä¼è®
887®ï¼å¬å°åç§å£é³çè±è¯äº¤éæ¶ï¼çæ£æç½äºâå ¨çè½åâçæä¹ãéåå£«æ¯æé½ä¼å°æä»¬çæåè§å¯ä¸å¦æ¯æ¡æ¶èç»èµ·æ¥ã)<br /> 888 (When accompanying me to a startup meeting room in Manhattan where funding discussions were taking place, I 889 witnessed firsthand the exchange of English spoken in diverse accents, and truly grasped the meaning of 890 "global competence." Dr. Chen, every evening, you helped us connect our cultural observations to an academic 891 framework.) 892 </div> 893 <div class="c-person c-person--inline-center"> 894 <img data-src="./asset/img/images/country/kr.png" class="img-country lazy" 895 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 896 <div class="c-person-detail c-font-uppercase"> 897 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name12"></span></h4> 898 </div> 899 </div> 900 </div> 901 902 <div class="carousel-item c-comment-item"> 903 904 905 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 906 907 En el observatorio de Columbia University, astrónomos de tres continentes explicaron cómo colaboran. Esa 908 noche, el Dr. Chen nos dijo: "El conocimiento ya no tiene fronteras, como el dinero." Decidà postular a 909 programas interdisciplinarios que unan finanzas y cooperación cientÃfica. 910 <br /> 911 (å¨å¥ä¼¦æ¯äºå¤§å¦å¤©æå°ï¼æ¥èªä¸å¤§æ´²ç天æå¦å®¶è®²è§£ä»ä»¬å¦ä½åä½ã飿éå士说ï¼âç¥è¯å·²å¦èµæ¬è¬æ å½çãâæå³å®ç³è¯·ç»åéèä¸ç§å¦åä½çè·¨å¦ç§é¡¹ç®ã)<br /> 912 (At the observatory of Columbia University, astronomers from three continents explained how they collaborate. 913 That night, Dr. Chen told us, "Knowledge no longer has borders, just like money." I resolved to apply to 914 interdisciplinary programs that combine finance and scientific cooperation.) 915 </div> 916 <div class="c-person c-person--inline-center"> 917 <img data-src="./asset/img/images/country/cl.png" class="img-country lazy" 918 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 919 <div class="c-person-detail c-font-uppercase"> 920 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name13"></span></h4> 921 </div> 922 </div> 923 </div> 924 925 <div class="carousel-item c-comment-item"> 926 927 928 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 929 930 La visita al MIT Media Lab fue un punto de inflexión. Mi hijo entendió que la tecnologÃa de punta se nutre de 931 equipos multiculturales. Agradezco al Dr. Chen por organizar un diálogo con una investigadora argentina allÃ. 932 Esa conversación dio dirección a su curiosidad. 933 <br /> 934 (åè§éº»ççå·¥å¦é¢åªä½å®éªå®¤æ¯ä¸ä¸ªè½¬æç¹ãæçå¿åæç½äºå°ç«¯ç§æçè¿æ¥æºäºå¤å æåå¢éçåä½ãæè°¢éå士å¨é£é宿äºä¸åºä¸é¿æ ¹å»·ç ç©¶åç对è¯ââ飿¬¡è°è¯ä¸ºä»ç好å¥å¿ææäºæ¹åã)<br /> 935 (The visit to the MIT Media Lab was an eye-opener. My son realized that cutting-edge technology thrives on 936 multicultural teams. 937 Iâm grateful to Dr. Chen for arranging a dialogue with an Argentine researcher there. That conversation 938 pointed his curiosity in a clear direction.) 939 </div> 940 <div class="c-person c-person--inline-center"> 941 <img data-src="./asset/img/images/country/ar.png" class="img-country lazy" 942 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 943 <div class="c-person-detail c-font-uppercase"> 944 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name14"></span></h4> 945 </div> 946 </div> 947 </div> 948 949 <div class="carousel-item c-comment-item"> 950 951 952 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 953 954 पà¥à¤°à¤¿à¤à¤¸à¥à¤à¤¨ मà¥à¤ âà¤à¥à¤°à¥à¤¸-à¤à¤²à¥à¤à¤°à¤² लà¥à¤¡à¤°à¤¶à¤¿à¤ªâ à¤à¤¾à¤°à¥à¤¯à¤¶à¤¾à¤²à¤¾ मà¥à¤, मà¥à¤à¤¨à¥ à¤à¤¶à¤¿à¤¯à¤¾à¤ मà¥à¤² à¤à¥ à¤à¤¾à¤¤à¥à¤°à¥à¤ à¤à¥ साथ साà¤à¤¸à¥à¤à¥à¤¤à¤¿à¤ ठà¤à¤¤à¤° à¤à¥ 955 à¤à¥à¤¨à¥à¤¤à¤¿à¤¯à¥à¤ पर à¤à¤°à¥à¤à¤¾ à¤à¥à¥¤ डà¥. à¤à¥à¤¨ नॠहमà¥à¤ दिà¤à¤¾à¤¯à¤¾ à¤à¤¿ à¤à¤¨ à¤à¥à¤¨à¥à¤¤à¤¿à¤¯à¥à¤ à¤à¥ पà¥à¤¶à¥à¤µà¤° ताà¤à¤¤ मà¥à¤ à¤à¥
955सॠबदलà¥à¤à¥¤ ठब मà¥à¤ बिà¤à¤¨à¥à¤¸ 956 à¤à¤¡à¤®à¤¿à¤¨à¤¿à¤¸à¥à¤à¥à¤°à¥à¤¶à¤¨ मà¥à¤ विशà¥à¤·à¤à¥à¤à¤¤à¤¾ लà¥à¤à¤à¤¾ã 957 <br /> 958 (卿®ææ¯é¡¿å¤§å¦âè·¨æåé¢å¯¼åâå·¥ä½åä¸ï¼æä¸äºè£å¦çå ±åæ¢è®¨äºæåå·®å¼å¸¦æ¥çææãéå士åæä»¬å±ç¤ºäºå¦ä½å°è¿äºææè½¬å为èä¸ä¼å¿ãå¦ä»ï¼æå³å®å¨å·¥å管çé¢åæ·±èåå±ã)<br /> 959 (During the "Cross-Cultural Leadership" workshop at Princeton, I discussed the challenges of cultural 960 differences with students of Asian heritage. Dr. Chen showed us how to turn these challenges into professional 961 strengths. I will now specialize in Business Administration.) 962 </div> 963 <div class="c-person c-person--inline-center"> 964 <img data-src="./asset/img/images/country/in.png" class="img-country lazy" 965 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 966 <div class="c-person-detail c-font-uppercase"> 967 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name15"></span></h4> 968 </div> 969 </div> 970 </div> 971 972 <div class="carousel-item c-comment-item"> 973 974 975 <div class="c-content c-font-14 c-font-white c-margin-t-20"> 976 977 ÐоÑле поÑеÑÐµÐ½Ð¸Ñ Ð»Ð°Ð±Ð¾ÑаÑоÑии иÑкÑÑÑÑвенного инÑеллекÑа в СÑÑнÑоÑде, мой ÑÑн ÑелÑÑ Ð½ÐµÐ´ÐµÐ»Ñ Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸Ñовал, как 978 ÑоÑÑийÑкие алгоÑиÑмиÑеÑкие Ð¿Ð¾Ð´Ñ Ð¾Ð´Ñ Ð¼Ð¾Ð³ÑÑ Ð¸Ð½ÑегÑиÑоваÑÑÑÑ Ð² амеÑиканÑкие ÑÑаÑÑапÑ. ÐокÑÐ¾Ñ Ð§ÐµÐ½ оÑганизовал 979 вÑÑÑеÑÑ Ñ Ð²ÑпÑÑкником ÐÐУ, коÑоÑÑй ÑабоÑÐ°ÐµÑ Ð² ÐÑемниевой долине. ÐÑо Ð²Ð´Ð¾Ñ Ð½Ð¾Ð²ÐµÐ½Ð¸Ðµ беÑÑенно. 980 <br /> 981 (åè§æ¯å¦ç¦å¤§å¦äººå·¥æºè½å®éªå®¤åï¼æå¿åè±äºæ´æ´ä¸å¨æ¶é´åæä¿ç½æ¯ç®æ³æè·¯å¦ä½èå ¥ç¾å½ååä¼ä¸ãéå士宿äºä¸ä½å¨ç¡ è°·å·¥ä½çè«æ¯ç§å½ç«å¤§å¦æ ¡åä¸ä»äº¤æµï¼è¿ä»½å¯è¿ªæ æ¯çè´µã)<br /> 982 (After visiting the Artificial Intelligence Laboratory at Stanford, my son spent a whole week analyzing how 983 Russian algorithmic approaches could integrate into American startups. Dr. Chen arranged a meeting with an MSU 984 graduate working in Silicon Valley. This inspiration is truly invaluable.) 985 </div> 986 <div class="c-person c-person--inline-center"> 987 <img data-src="./asset/img/images/country/ru.png" class="img-country lazy" 988 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 989 <div class="c-person-detail c-font-uppercase"> 990 <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name16"></span></h4> 991 </div> 992 </div> 993 </div> 994 </div> 995 <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev"> 996 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
997 <span class="sr-only">Previous</span> 998 </a> 999 <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next"> 1000 <span class="carousel-control-next-icon" aria-hidden="true"></span> 1001 <span class="sr-only">Next</span> 1002 </a> 1003 </div> 1004 1005 1006 <!-- ç»æï¼å¦çæè¨ --> 1007 1008 1009 1010 <!-- å¼å§ï¼æä»¬çä¼å¿ --> 1011 1012 <div class="c-content-box c-size-md c-bg-white"> 1013 1014 <div class="container"> 1015 1016 <!-- å¼å§ï¼ä¼å¿æ é¢ --> 1017 1018 <div class="c-content-title-1"> 1019 1020 <h3 class="c-center c-font-uppercase c-font-bold"><span data-i18n="ourAdvantages"></span></h3> 1021 1022 </div> 1023 1024 <!-- ç»æï¼ä¼å¿æ é¢ --> 1025 1026 <div class="row c-margin-t-60"> 1027 1028 <div class="col-sm-3"> 1029 1030 <div class="c-content-j c-center"> 1031 1032 <div class="c-content-line-icon c-j-icons c-j-i-1"></div> 1033 1034 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle1"></span></h3> 1035 1036 <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub1"></span></p> 1037 1038 </div> 1039 1040 </div> 1041 1042 <div class="col-sm-3"> 1043 1044 <div class="c-center"> 1045 1046 <div class="c-content-line-icon c-j-icons c-j-i-2"></div> 1047 1048 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle2"></span></h3> 1049 1050 <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub2"></span></p> 1051 1052 </div> 1053 1054 </div> 1055 1056 <div class="col-sm-3 c-card"> 1057 1058 <div class="c-center"> 1059 1060 <div class="c-content-line-icon c-j-icons c-j-i-3"></div> 1061 1062 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle3"></span></h3> 1063 1064 <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub3"></span></p> 1065 1066 </div> 1067 1068 </div> 1069 1070 <div class="col-sm-3 c-card"> 1071 1072 <div class="c-center"> 1073 1074 <div class="c-content-line-icon c-j-icons c-j-i-4"></div> 1075 1076 <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle4"></span></h3> 1077 1078 <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub4"></span></p> 1079 1080 </div> 1081 1082 </div> 1083 1084 </div> 1085 1086 1087 1088 </div> 1089 1090 1091 1092 </div> 1093 1094 <!-- å¼å§ï¼æä»¬çä¼å¿ --> 1095 1096 1097 1098 <div class="c-content-box"> 1099 1100 <div class="container teambg lazy" data-src="./asset/img/content/banners/ourteams-3.jpg"> 1101 1102 </div> 1103 1104 </div> 1105 1106 1107 1108 </div> 1109 1110 <div class="c-layout-joyn"></div> 1111 1112 <!--<div class="c-joyn hidden-xs">--> 1113 1114 <!-- <div class="c-joyn-header">--> 1115 1116 <!-- <h4>ææ°èå°</h4>--> 1117 1118 <!-- <span class="joyn-colse"><i class="joyn-icon close"></i></span>--> 1119 1120 <!-- </div>--> 1121 1122 <!-- <div class="c-joyn-body">--> 1123 1124 <!-- <div id="articles">--> 1125 1126 <!-- <audio id="audio" style="display: none;"></audio>--> 1127 1128 <!-- </div>--> 1129 1130 <!-- <div id="statusFooter"></div>--> 1131 1132 <!-- </div>--> 1133 1134 1135 1136 1137 1138 1139 1140 <!-- ç»æï¼é¡µé¢å 容 --> 1141 1142 <!-- å¼å§ï¼é¡µå°¾ --> 1143 1144 <a name="footer"></a> 1145 <!-- 页è --> 1146 <footer class="c-layout-footer c-layout-footer-3 c-bg-dark"> 1147 <div class="c-prefooter"> 1148 <div class="container-fluid c-margin-t-30"> 1149 <div class="row"> 1150 <div class="col-md-3 col-sm-12"> 1151 <div class="c-container c-first"> 1152 <div class="c-content-title-1"> 1153 <img class="lazy" data-src="http://www.assets.joyncdn.com/static/assets/base/img/logos/logo-zh-80.png" 1154 alt="JOYN" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="> 1155 <p class="c-text c-font-grey-5" data-i18n="footer_slogan">æ¢¦æ³æ¯ä¸æ¥ä¸ä¸ªèå°ç¹ççï¼</p> 1156 </div> 1157 </div> 1158 </div> 1159 <div class="col-md-2 col-sm-12"> 1160 <div class="c-container"> 1161 <div class="c-content-title-1"> 1162 <h4 class="c-font-uppercase c-font-white" data-i18n="footer_service_academy">æä»¬çæå¡</h4> 1163 <div class="c-line-left hide"></div> 1164 </div> 1165 <ul class="c-links"> 1166 <li><a href="academy.html" data-i18n="footer_service_academy">èå°å¦é¢</a></li> 1167 <li><a href="itineraries.html" data-i18n="footer_service_itineraries">èå°ç å¦</a></li> 1168 <li><a href="adventure.html" data-i18n="footer_service_expedition">èå°æ¢é©</a></li> 1169 </ul> 1170 </div> 1171 </div> 1172 <div class="col-md-2 col-sm-12"> 1173 <div class="c-container"> 1174 <div class="c-content-title-1"> 1175 <h4 class="c-font-uppercase c-font-white" data-i18n="footer_about_join">äºè§£ä¸å å ¥</h4> 1176 <div class="c-line-left hide"></div> 1177 </div> 1178 <ul class="c-links"> 1179 <li><a href="about.html" data-i18n="footer_about"></a></li> 1180 <li><a href="about.html" data-i18n="footer_team"></a></li> 1181 <li><a href="about.html" data-i18n="footer_contact"></a></li> 1182 </ul> 1183 </div> 1184 </div> 1185 <div class="col-md-3 col-sm-12"> 1186 <div class="c-container"> 1187 <ul class="c-links"> 1188 <li> 1189 <p class="c-font-uppercase"><i class="fa fa-envelope-o c-font-16"></i> <span 1190 data-i18n="footer_email_general">[email protected]</span></p> 1191 </li> 1192 </ul> 1193 </div> 1194 </div> 1195 </div> 1196 </div> 1197 </div> 1198 <div class="c-postfooter"> 1199 <div class="container-fluid"> 1200 <div class="row"> 1201 <div class="col-md-12 c-col c-center"> 1202 <p class="c-copyright c-font-grey"> 1203 <a href="http://www.beian.miit.gov.cn" target="_blank" style="color: white; line-height: 10px;" 1204 data-i18n="footer_copyright"> 1205 èå°å ¬å¸ © çæææ æ²ªICPå¤11031312å· 1206 </a> 1207 </p> 1208 </div> 1209 </div> 1210 </div> 1211 </div> 1212 </footer> 1213 <!-- ç»æï¼é¡µå°¾ --> 1214 1215 <!-- å¼å§ï¼å¿«éåå°é¡µé¦ --> 1216 <div class="c-layout-go2top" style="display: none;"> 1217 <i class="icon-arrow-up"></i> 1218 </div> 1219 1220 <!-- ç»æï¼å¿«éåå°é¡µé¦ --> 1221 1222 1223 1224 <!--[if lt IE 9]> 1225 1226
1226<script src="http://demo.joyn.cn/themes/jango/theme/assets/global/plugins/excanvas.min.js"></script>
1226 1227 1228 <![endif]--> 1229
1229<script src="//www.assets.joyncdn.com/static/js/jquery-3.7.1.min.js"></script>
1229 1230 1231 1232
1232<script src="./asset/plugins/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
1232 1233 1234
1234<script src="//lib.baomitu.com/jquery-migrate/1.4.1/jquery-migrate.min.js"></script>
1234 1235 1236
1236<script src="./asset/js/jquery.easing.min.js"></script>
1236 1237 1238
1238<script src="//www.assets.joyncdn.com/static/assets/plugins/reveal-animate/wow.js" type="text/javascript"></script>
1238 1239 1240
1240<script src="//www.assets.joyncdn.com/static/assets/css/default/js/scripts/reveal-animate/reveal-animate.js" 1241 type="text/javascript"></script>
1241 1242 1243 <!-- END: CORE PLUGINS --> 1244 1245 <!-- BEGIN: LAYOUT PLUGINS --> 1246 1247
1247<script src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js" 1248 type="text/javascript"></script>
1248 1249 1250
1250<script src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js" 1251 type="text/javascript"></script>
1251 1252 1253
1253<script 1254 src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.slideanims.min.js" 1255 type="text/javascript"></script>
1255 1256 1257
1257<script 1258 src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.layeranimation.min.js" 1259 type="text/javascript"></script>
1259 1260 1261
1261<script 1262 src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.navigation.min.js" 1263 type="text/javascript"></script>
1263 1264 1265
1265<script 1266 src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.video.min.js" 1267 type="text/javascript"></script>
1267 1268 1269
1269<script 1270 src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.parallax.min.js" 1271 type="text/javascript"></script>
1271 1272 1273
1273<script 1274 src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.actions.min.js" 1275 type="text/javascript"></script>
1275 1276 1277 <!--script src="/static/assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
1277--> 1278 1279
1279<script src="//www.assets.joyncdn.com/static/js/plugins/owl-carousel/owl.carousel.min.js" 1280 type="text/javascript"></script>
1280 1281 1282 1283 1284 <!--
1284<script src="/static/assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
1284 --> 1285
1285<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
1285 1286
1286<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
1286 1287
1287<script src="//cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.4/js.cookie.min.js"></script>
1287 1288
1288<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
1288 1289
1289<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/2.2.0/jquery.smooth-scroll.min.js"></script>
1289 1290
1290<script src="//www.assets.joyncdn.com/static/assets/plugins/counterup/jquery.counterup.min.js" 1291 type="text/javascript"></script>
1291 1292 1293 1294 1295 <!--
1295<script src="http://www.assets.joyncdn.comassets/plugins/smooth-scroll/jquery.smooth-scroll.js" type="text/javascript"></script>
1295 1296 1297 --> 1298 1299 1300 1301
1301<script src="//www.assets.joyncdn.com/static/assets/plugins/typed/typed.min.js" type="text/javascript"></script>
1301 1302 1303
1303<script src="//www.assets.joyncdn.com/static/assets/plugins/slider-for-bootstrap/js/bootstrap-slider.js" 1304 type="text/javascript"></script>
1304 1305 1306 1307 1308
1308<script src="//www.assets.joyncdn.com/static/js/plugins/jquery.lazy/jquery.lazy.min.js"></script>
1308 1309 1310 1311 1312
1312<script src="./asset/js/jquery.dotdotdot.js"></script>
1312 1313 1314
1314<script src="//www.assets.joyncdn.com/static/js/plugins/bigpicture/BigPicture.js"></script>
1314 1315 1316
1316<script src="//www.assets.joyncdn.com/static/js/plugins/timeago/timeago.js"></script>
1316 1317 1318 1319 1320 <!-- END: LAYOUT PLUGINS --> 1321 1322 <!-- BEGIN: THEME SCRIPTS --> 1323 1324
1324<script src="//www.assets.joyncdn.com/static/assets/base/js/components.js" type="text/javascript"></script>
1324 1325 1326 <!--
1326<script src="/static/assets/base/js/components-shop.js" type="text/javascript"></script>
1326--> 1327 1328
1328<script src="//www.assets.joyncdn.com/static/assets/base/js/app.js" type="text/javascript"></script>
1328 1329
1329<script src="./asset/js/i18next.min.js"></script>
1329 1330
1330<script src="./asset/js/jquery-i18next.min.js"></script>
1330 1331
1331<script src="./asset/js/i18nextHttpBackend.min.js"></script>
1331 1332 1333
1333<script src="./asset/js/i18nextBrowserLanguageDetector.min.js"></script>
1333 1334 1335
1335<script> 1336 1337 $(document).ready(function () { 1338 1339 App.init(); 1340 1341 $('.lazy').lazy(); 1342 1343 1344 1345 }); 1346 1347 </script>
1347 1348
1348<script> 1349 1350 var Language; 1351 let languageData = localStorage.getItem('web_language'); 1352 var htmlString; 1353 if (languageData == null) { 1354 Language = "zh"; 1355 localStorage.setItem('web_language', Language); 1356 } else { 1357 Language = languageData; 1358 } 1359 if (Language == "zh") { 1360 htmlString = `<div class="language-select-wrapper"> 1361 <img class="language-icon" src="./asset/img/images/country/cn.png" id="currentIcon"/> 1362 1363 <select name="language" id="language" class="form-control" style="font-size: .875rem;"> 1364 <option id="zh" value="䏿" selected data-i18n="zh">䏿</option> 1365 <option id="en" value="ENG" data-i18n="en">ENG</option> 1366 </select> 1367</div>`; 1368 } else if (languageData == "en") { 1369 htmlString = `<div class="language-select-wrapper"> 1370 <img class="language-icon" src="./asset/img/images/country/gb.png" id="currentIcon"/> 1371 <select name="language" id="language" class="form-control" style="font-size: .875rem;"> 1372 <option id="en" value="ENG" selected data-i18n="en">ENG</option> 1373 <option id="zh" value="䏿" data-i18n="zh">䏿</option> 1374 </select> 1375</div>`; 1376 } 1377 // æ´æ°å¾æ 彿° 1378 function updateLanguageIcon() { 1379 const languageSelect = document.getElementById('language'); 1380 const currentIcon = document.getElementById('currentIcon'); 1381 1382 if (!languageSelect || !currentIcon) return; 1383 1384 const selectedOption = languageSelect.options[languageSelect.selectedIndex]; 1385 const iconClass = selectedOption.getAttribute('id'); 1386 1387 1388 currentIcon.src = iconClass === "zh" ? "./asset/img/images/country/cn.png" : "./asset/img/images/country/gb.png"; 1389 1390 } 1391 const container = document.getElementById('languageItem'); 1392 container.innerHTML = htmlString; 1393 if (Language == "zh") { 1394 var htmlString = ` 1395 <img class="img1" src="./asset/img/images/Watermarked_20230512_150400_CN(1).jpg" height="160" width="150" alt=""> 1396 <img class="img2" src="./asset/img/images/Watermarked_DSC08418_CN(1).jpg" height="150" width="180" alt=""> 1397 <img class="img3" src="./asset/img/images/Watermarked_DSC04422_CN.jpg" height="170" width="200" alt=""> 1398 <img class="img4" src="./asset/img/images/picture06.png" height="124" width="120" alt=""> 1399 <img class="img5" src="./asset/img/images/Watermarked_Uhlruch_von_Hutten_CN.png" height="130" width="90" alt=""> 1400 `; 1401 const container1 = document.getElementById('academy-photowall'); 1402 container1.innerHTML = htmlString; 1403 } else { 1404 var htmlString = ` 1405 <img class="img1" src="./asset/img/images/Watermarked_20230512_150400_EN(1).jpg" height="160" width="150" alt=""> 1406 <img class="img2" src="./asset/img/images/Watermarked_DSC08418_EN(1).jpg" height="150" width="180" alt=""> 1407 <img class="img3" src="./asset/img/images/Watermarked_DSC04422_EN.jpg" height="170" width="200" alt=""> 1408 <img class="img4" src="./asset/img/images/picture06.png" height="124" width="120" alt=""> 1409 <img class="img5" src="./asset/img/images/Watermarked_Uhlruch_von_Hutten_EN.png" height="130" width="90" alt=""> 1410 `; 1411 const container1 = document.getElementById('academy-photowall'); 1412 container1.innerHTML = htmlString; 1413 } 1414 i18nextInit(Language) 1415 function i18nextInit() { 1416 i18next 1417 .use(i18nextBrowserLanguageDetector) 1418 .use(i18nextHttpBackend) 1419 .init( 1420 { 1421 debug: false, 1422 lng: Language, 1423 fallbackLng: Language, 1424 load: Language, 1425 backend: { 1426 loadPath: Language == "zh" ? 'lang/en.json' : 'lang/zh.json', 1427 } 1428 }, 1429 function (err, t) { 1430 jqueryI18next.init(i18next, $, { useOptionsAttr: true }); 1431 $("body").localize(); 1432 } 1433 ); 1434 } 1435 1436 $('#language').on('click', function (e) { 1437 var selectedOptionId = $(this).children("option:selected").attr("id"); 1438 // å卿°æ® 1439 localStorage.setItem('web_language', selectedOptionId); 1440 if (selectedOptionId == "zh" || selectedOptionId == "en") { 1441 Language = selectedOptionId; 1442 // æ´æ°å¾æ 1443 updateLanguageIcon();
1444 i18next.changeLanguage(Language, (err, t) => { 1445 i18nextInit(Language) 1446 if (err) return console.log('something went wrong loading', err); 1447 t('key'); // -> same as i18next.t 1448 }); 1449 } 1450 1451 }) 1452 1453 </script>
1453 1454 1455
1455<script> 1456 1457 1458 1459 // ææºæ¨¡å¼ 1460 1461 $('.c-layout-header').on('click', '.c-hor-nav-toggler', function (e) { 1462 1463 e.preventDefault(); 1464 1465 e.stopPropagation(); 1466 1467 1468 1469 if ($('body').hasClass("c-layout-quick-sidebar-shown ")) { 1470 1471 $('body').removeClass("c-layout-quick-sidebar-shown "); 1472 1473 } else { 1474 1475 $('body').addClass("c-layout-quick-sidebar-shown "); 1476 1477 } 1478 1479 }); 1480 1481 // ç¹å»ç©ºç½å¤ æ¶å¤± 1482 1483 $(document).on('click', '.c-layout-quick-sidebar-shown', function (e) { 1484 1485 $(this).removeClass("c-layout-quick-sidebar-shown "); 1486 1487 }); 1488 1489 1490 1491 $(function () { 1492 1493 // When a submenu link is clicked 1494 1495 jQuery('[data-toggle="nav-submenu"]').on('click', function (e) { 1496 1497 // Get link 1498 1499 var $link = jQuery(this); 1500 1501 console.log($link); 1502 1503 // Get link's parent 1504 1505 var $parentLi = $link.parent('li'); 1506 1507 if ($parentLi.hasClass('open')) { // If submenu is open, close it.. 1508 1509 $parentLi.removeClass('open'); 1510 1511 $link.children('span').attr("class", "fa fa-plus c-padding-10"); 1512 1513 } else { // .. else if submenu is closed, close all other (same level) submenus first before open it 1514 1515 $link 1516 1517 .closest('ul') 1518 1519 .find('> li') 1520 1521 .removeClass('open'); 1522 1523 1524 1525 $parentLi 1526 1527 .addClass('open'); 1528 1529 1530 1531 $link 1532 1533 .closest('ul') 1534 1535 .find('> li>a>span') 1536 1537 .attr("class", "fa fa-plus c-padding-10"); 1538 1539 1540 1541 $link.children('span').attr("class", "fa fa-minus c-padding-10"); 1542 1543 } 1544 1545 return false; 1546 1547 }); 1548 1549 }); 1550 1551 </script>
1551 1552 1553 1554 1555
1555<script> 1556 1557 has_next = false; 1558 1559 page = 1; 1560 1561 stopScroll = true; 1562 1563 1564 1565 $(".dotdotdot").dotdotdot({ 1566 1567 height: 80, 1568 1569 truncate: "letter", 1570 1571 }); 1572 1573 $(".title-dotdotdot").dotdotdot({ 1574 1575 height: 20, 1576 1577 truncate: "letter", 1578 1579 }); 1580 1581 1582 1583 $(".c-layout-joyn").click(function () { 1584 1585 if ($(window).width() <= 767) { 1586 1587 window.location.href = "/app/articles"; 1588 1589 } else { 1590 1591 $(".c-joyn").toggle("normal"); 1592 1593 } 1594 1595 1596 1597 }) 1598 1599 $('.c-owl-carousel').owlCarousel({ 1600 1601 mouseDrag: false, 1602 1603 dots: true, 1604 1605 loop: true, 1606 1607 autoplay: true, 1608 1609 autoplayTimeout: 3000, 1610 1611 autoplayHoverPause: true, 1612 1613 items: 1 1614 1615 }); 1616 1617 </script>
1617 1618 1619 1620 1621 1622 1623</body> 1624 1625 1626 1627</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.