@import url(https://use.typekit.net/nsi4bux.css);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}html *{box-sizing:border-box}body{margin:0;padding:0;font-family:proxima-nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#566581}video{width:95%!important;height:auto!important}h1,h2{font-weight:lighter}body{overflow-y:scroll;max-width:100vw}body::-webkit-scrollbar{background-color:#fff;width:16px}body::-webkit-scrollbar-track{background-color:#fff}body::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:4px solid #fff}body::-webkit-scrollbar-button{display:none}a,button{cursor:pointer}.section-title{margin-bottom:-60px;margin-top:60px;color:#566581;font-size:4em;text-align:center;font-weight:lighter}.App{display:grid;grid-template-areas:"heroes" "main";grid-template-columns:1fr;grid-gap:3em;position:relative;margin:0 auto;padding:0;width:100%!important}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40px;pointer-events:none}.heroes{grid-area:heroes;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;justify-content:center;align-content:center;margin-top:20px;background:#566581;padding:15px}.heroes .tour-hero{height:500px;box-sizing:border-box;padding:1px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;position:relative;background-size:cover;background-position:50%}.heroes .tour-hero:after{transition:all .6s;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;display:block;content:"";background-color:rgba(0,136,185,.53);z-index:1}.heroes .tour-hero:hover:after{background-color:rgba(26,148,192,.14)}.heroes .tour-hero h1,.heroes .tour-hero p{transition:all .3s;z-index:2;padding:.3em;margin:.1em auto;font-weight:lighter;background:#fff;color:#333}.heroes .tour-hero span{z-index:2}.big-button{color:#fff;text-transform:uppercase;background:#000;padding:20px;border-radius:5px;display:block;border:none;transition:all .2s ease 0s;margin:1em auto 0;z-index:3}.big-button:hover{background:#f7f7f7;color:#000;letter-spacing:1px;box-shadow:2px 6px 15px rgba(0,0,0,.57)}.App-header{grid-area:header;width:100%;z-index:2;background:#fff;padding:0}.App-header.sticky{position:fixed;width:100%;top:0;background:#fff}.App-header.sticky+main{padding-top:60px}.App-header nav{box-shadow:0 9px 5px rgba(0,0,0,.1);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));border-bottom:3px solid #566581;transition:all .3s}.App-header nav a{cursor:pointer;text-align:center;padding:.5em}.App-header nav a.active{color:#fff;background:#288635}main{grid-area:main;margin:0 auto}main .tour-section{position:relative;margin:0 auto;padding:0}main .tour-section.intro-section{display:grid;grid-template-columns:1fr;padding:2em;background:#566581;color:#fff;align-items:center;justify-content:center}main .tour-section.intro-section .tour-stop{min-height:auto!important}main .tour-section.intro-section .inner-intro{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column}main .tour-section.intro-section .inner-intro p,main .tour-section.intro-section .inner-intro ul li{font-size:130%;line-height:150%}main .tour-section.intro-section .section-title{color:#fff;margin-bottom:20px}main .tour-section .tour-stop{display:grid;grid-template-columns:1fr;border-bottom:1px solid #aaa;padding-bottom:100px;margin-top:100px;min-height:800px}main .tour-section .tour-stop.no-cn{grid-template-columns:1fr}main .tour-section .tour-stop:first-child{background:#00f;margin-top:1em;border-top:1px solid #aaa}main .tour-section .tour-stop .client-need{color:#566581;padding:1em;opacity:.9;font-size:17px;line-height:27px}main .tour-section .tour-stop .tour-image{width:100%}main .tour-section .tour-stop .tour-image .inner{position:relative;height:auto}main .tour-section .tour-stop .tour-image .inner img{min-width:60%;max-width:100%}main .tour-section .tour-stop .tour-image .popup-marker{position:absolute;background:#288635;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#fff;border:2px solid #fff;transition:box-shadow .3s,border-color .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s,border-color .3s;transition:transform .3s,box-shadow .3s,border-color .3s,-webkit-transform .3s;cursor:pointer}main .tour-section .tour-stop .tour-image .popup-marker.active{border-color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:4px 4px 10px rgba(0,0,0,.5)}main .tour-section .tour-stop .tour-image .popup-marker.active.left{box-shadow:-4px 4px 10px rgba(0,0,0,.5)}main .tour-section .tour-stop .tour-image .popup-marker.active.top{box-shadow:-4px -4px 10px 0 rgba(0,0,0,.2)}main .tour-section .tour-stop.cause-effect{grid-template-columns:1fr}main .tour-section .tour-stop.cause-effect .tour-image{width:100%}main .tour-section .tour-stop.cause-effect .tour-image .inner{position:relative;height:auto;display:grid;grid-template-columns:1fr;grid-gap:1em}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper{position:relative;display:grid;justify-content:center;align-items:center;grid-template-columns:1fr 1fr;grid-gap:10px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .image-wrap{transition:background-image .25s;background-size:contain;width:100%;height:500px;background-repeat:no-repeat;position:relative}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .image-wrap .caption{margin-top:400px;position:absolute}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls{display:grid;grid-template-columns:1fr 1fr 2fr;width:300px;margin-top:500px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button{background:#288635;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#fff;border:2px solid #fff;transition:box-shadow .3s,border-color .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s,border-color .3s;transition:transform .3s,box-shadow .3s,border-color .3s,-webkit-transform .3s;transition:all .3s;cursor:pointer}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button:hover{box-shadow:4px 4px 10px rgba(0,0,0,.5)}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button[disabled]{cursor:not-allowed;background:#ccc;border-color:#ccc}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button[disabled]:hover{box-shadow:none}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button:after{content:"";display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;margin-left:5px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button:first-child{margin-right:5px;margin-left:10px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls button:first-child:after{content:"";display:block;width:0;height:0;border:10px solid transparent;border-right-color:#fff;border-left:none;margin-left:-2px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try{display:grid;grid-template-columns:30px 1fr;width:200px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try p{margin:4px 0 0 5px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try .arrow{top:15px;background:#666;height:3px;width:30px;position:relative;margin:0 auto 0 0}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try .arrow:after{right:17px;top:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try .arrow:before{right:17px;bottom:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try .arrow:after,main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper .cause-effect-controls .try .arrow:before{content:"";background:#666;position:absolute;height:3px;width:15px}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper img{transition:opacity .5s ease-in-out;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}main .tour-section .tour-stop.cause-effect .tour-image .inner .cause-effect-wrapper img.hidden{opacity:0}.popup-content{background:#566581;color:#fff;padding:1em;opacity:.9;max-width:300px;position:relative}.popup-content h1{margin-top:0;font-size:1em;max-width:280px}.popup-content .close-me{color:#fff;position:absolute;right:10px;top:10px;font-size:1.5em}.react-tiny-popover-container{z-index:500;box-shadow:13px 11px 10px 0 rgba(0,0,0,.2);overflow:visible!important}.react-tiny-popover-container.left{box-shadow:-13px 11px 10px 0 rgba(0,0,0,.2)}.react-tiny-popover-container.top{box-shadow:-13px -11px 10px 0 rgba(0,0,0,.2)}@media only screen and (min-width:1200px){main{width:1200px}}@media only screen and (max-width:1199px) and (min-width:960px){main{width:960px}}@media only screen and (max-width:959px) and (min-width:768px){main{width:768px}}@media only screen and (max-width:767px) and (min-width:480px){main{width:420px}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button{-webkit-appearance:none;background:transparent;border:0;outline:0}.controls{height:40px;margin-top:30px;position:relative}.controls .paginate{width:20px;height:20px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);right:0;position:absolute;top:50%;margin:-20px 10px 10px;-webkit-filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.controls .paginate i{position:absolute;top:40%;left:0;width:20px;height:5px;border-radius:2.5px;background:#fff;transition:all .15s ease}.controls .paginate.left{right:30px}.controls .paginate.left i{-webkit-transform-origin:0 50%;transform-origin:0 50%}.controls .paginate.left i:first-child{-webkit-transform:translateY(-1px) rotate(40deg);transform:translateY(-1px) rotate(40deg)}.controls .paginate.left i:last-child{-webkit-transform:translateY(1px) rotate(-40deg);transform:translateY(1px) rotate(-40deg)}.controls .paginate.left:hover i:first-child{-webkit-transform:translateY(-1px) rotate(35deg);transform:translateY(-1px) rotate(35deg)}.controls .paginate.left:hover i:last-child{-webkit-transform:translateY(1px) rotate(-35deg);transform:translateY(1px) rotate(-35deg)}.controls .paginate.left:active i:first-child{-webkit-transform:translate(1px,-1px) rotate(30deg);transform:translate(1px,-1px) rotate(30deg)}.controls .paginate.left:active i:last-child{-webkit-transform:translate(1px,1px) rotate(-30deg);transform:translate(1px,1px) rotate(-30deg)}.controls .paginate.left[disabled] i:first-child,.controls .paginate.left[disabled] i:last-child{-webkit-transform:translate(-5px) rotate(0deg);transform:translate(-5px) rotate(0deg)}.controls .paginate.left[disabled] i{background:#ccc}.controls .paginate.left[disabled] i:hover{cursor:not-allowed}.controls .paginate.left[disabled]:hover i:first-child,.controls .paginate.left[disabled]:hover i:last-child{-webkit-transform:translate(-5px) rotate(0deg);transform:translate(-5px) rotate(0deg)}.controls .paginate.right{right:10px}.controls .paginate.right i{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.controls .paginate.right i:first-child{-webkit-transform:translateY(1px) rotate(40deg);transform:translateY(1px) rotate(40deg)}.controls .paginate.right i:last-child{-webkit-transform:translateY(-1px) rotate(-40deg);transform:translateY(-1px) rotate(-40deg)}.controls .paginate.right:hover i:first-child{-webkit-transform:translateY(1px) rotate(35deg);transform:translateY(1px) rotate(35deg)}.controls .paginate.right:hover i:last-child{-webkit-transform:translateY(-1px) rotate(-35deg);transform:translateY(-1px) rotate(-35deg)}.controls .paginate.right:active i:first-child{-webkit-transform:translate(1px,1px) rotate(30deg);transform:translate(1px,1px) rotate(30deg)}.controls .paginate.right:active i:last-child{-webkit-transform:translate(1px,-1px) rotate(-30deg);transform:translate(1px,-1px) rotate(-30deg)}.controls .paginate.right[disabled] i:first-child,.controls .paginate.right[disabled] i:last-child{-webkit-transform:translate(5px) rotate(0deg);transform:translate(5px) rotate(0deg)}.controls .paginate.right[disabled] i{background:#ccc}.controls .paginate.right[disabled] i:hover{cursor:not-allowed}.controls .paginate.right[disabled]:hover i:first-child,.controls .paginate.right[disabled]:hover i:last-child{-webkit-transform:translate(5px) rotate(0deg);transform:translate(5px) rotate(0deg)}.controls .paginate[disabled]{opacity:.3}.controls .counter{text-align:center;position:absolute;width:100%;top:50%;margin-top:-15px;font-size:30px;font-family:Helvetica,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.2);color:#fff}.video-react .video-react-big-play-button{top:50%;left:calc(50% - 1.5em)}@media (min-width:1200px){.full-tip{display:none}}@media only screen and (max-width:1199px) and (min-width:960px){video{width:70%!important;height:auto!important}.heroes{grid-template-columns:1fr}.react-tiny-popover-container{display:none!important}main .tour-section{padding:1em}main .tour-section .section-title{margin-bottom:0;font-size:3em}main .tour-section .grid.tour-stop{height:auto;min-height:auto;grid-template-columns:1fr;padding-bottom:3em;margin-top:2em}main .tour-section .grid.tour-stop.cause-effect{display:grid;width:100%;grid-template-columns:1fr;padding-bottom:50%;position:relative;height:820px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:200px}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper{grid-template-columns:1fr!important}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .cause-effect-controls{margin-top:410px!important}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap{flex-grow:1;transition:background-image 1s;background-size:cover;width:100%;height:900px;background-repeat:no-repeat}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap .caption{margin-top:310px!important}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap.cause{height:470px}main .tour-section .grid.tour-stop.cause-effect .tour-image{width:100%}main .tour-section .grid.tour-stop.cause-effect .tour-image .inner{grid-template-columns:1fr}main .tour-section .grid.tour-stop .tour-image{display:grid;width:100%;grid-template-columns:1fr 2fr;grid-gap:1em}main .tour-section .grid.tour-stop .tour-image .inner{grid-template-columns:1fr}main .tour-section .grid.tour-stop .tour-image .inner .video-react{margin-top:0}main .tour-section .grid.tour-stop .client-need{display:none}main .tour-section .grid.tour-stop .full-tip{display:block;border-top:1px solid #566581;background:#f4f4f4;transition:all .3s;padding:1em}main .tour-section .grid.tour-stop .full-tip:first-child{border:none}main .tour-section .grid.tour-stop .full-tip.active{background:#566581;color:#fff}main .tour-section .grid.tour-stop .full-tip span.header{font-weight:700;text-transform:uppercase}main .tour-section .grid.tour-stop .full-tip a{float:left;position:relative;margin-right:1em;margin-top:18px;margin-bottom:5px}}@media (max-width:959px){video{width:70%!important;height:auto!important}.heroes{grid-template-columns:1fr}.react-tiny-popover-container{display:none!important}main .tour-section{padding:1em}main .tour-section .section-title{margin-bottom:0;font-size:3em}main .tour-section .grid.tour-stop{height:auto;min-height:auto;grid-template-columns:1fr;padding-bottom:3em;margin-top:2em}main .tour-section .grid.tour-stop.cause-effect{display:grid;width:100%;grid-template-columns:1fr;padding-bottom:50%;position:relative;height:820px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:200px}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper{grid-template-columns:1fr!important}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .cause-effect-controls{margin-top:340px!important}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap{flex-grow:1;transition:background-image 1s;background-size:cover;width:100%;height:900px;background-repeat:no-repeat}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap .caption{margin-top:250px!important}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap.cause{height:370px}main .tour-section .grid.tour-stop.cause-effect .cause-effect-wrapper .image-wrap.cause .caption{margin-top:210px!important}main .tour-section .grid.tour-stop.cause-effect .tour-image{width:100%}main .tour-section .grid.tour-stop.cause-effect .tour-image .inner{grid-template-columns:1fr}main .tour-section .grid.tour-stop .tour-image{width:100%}main .tour-section .grid.tour-stop .tour-image .inner{grid-template-columns:1fr;margin-top:20px}main .tour-section .grid.tour-stop .tour-image .inner .video-react{margin-top:0}main .tour-section .grid.tour-stop .client-need{display:none}main .tour-section .grid.tour-stop .full-tip{display:block;border-top:1px solid #566581;background:#f4f4f4;transition:all .3s;padding:1em}main .tour-section .grid.tour-stop .full-tip:first-child{border:none}main .tour-section .grid.tour-stop .full-tip.active{background:#566581;color:#fff}main .tour-section .grid.tour-stop .full-tip span.header{font-weight:700;text-transform:uppercase}main .tour-section .grid.tour-stop .full-tip a{float:left;position:relative;margin-right:1em;margin-top:18px;margin-bottom:5px}}.tour-starter{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:rgba(40,134,53,.9);transition:all .3s ease-out;width:10em;height:10em;border-radius:50%;margin:1em auto;font-size:1.5em;background:#fff}.tour-starter p{font-size:130%;line-height:150%;margin:10px 0}.tour-starter #more-arrows{width:75px;height:65px}.tour-starter #more-arrows polygon{transition:all .3s ease-out;fill:rgba(40,134,53,.9)}.tour-starter #more-arrows polygon.arrow-middle{opacity:.75}.tour-starter #more-arrows polygon.arrow-top{opacity:.5}.tour-starter:hover p{color:#288635}.tour-starter:hover #more-arrows polygon{fill:#288635}.tour-starter:hover #more-arrows polygon.arrow-bottom{-webkit-transform:translateY(-18px);transform:translateY(-18px)}.tour-starter:hover #more-arrows polygon.arrow-top{-webkit-transform:translateY(18px);transform:translateY(18px)}
/*# sourceMappingURL=main.f63dd108.chunk.css.map */