*,*::after,*::before{box-sizing:border-box;}.js .loading::before{content:'';position:fixed;z-index:100000;top:0;left:0;width:100%;height:100%;background:var(--color-bg-main);}.js .loading::after{content:'';position:fixed;z-index:100000;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none;opacity:0;background:var(--color-text);animation:loaderAnim 0.8s ease-in infinite alternate forwards;}@keyframes loaderAnim{to{opacity:1;transform:scale3d(0.5,0.5,1) rotate(90deg);}}a{text-decoration:none;color:var(--color-link);outline:none;}a:hover,a:focus{color:var(--color-link-hover);outline:none;}.Service-project{margin-top:120px;}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none;}button{border:0;background:none;margin:0;padding:0;font-family:inherit;cursor:pointer;-webkit-appearance:none;}button:focus{outline:none;}.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}.icon{display:inline-block;width:1rem;height:1rem;fill:currentColor;}.sections__header{padding:2rem 3rem 0 2rem;display:flex;}.title{color:#cccccc;font-size:5em;line-height:80px;-webkit-text-stroke:1px #cccccc;-webkit-text-fill-color:transparent;text-transform:uppercase;font-weight:900;font-family:'微软雅黑';letter-spacing:5px;}.title::before{position:relative;top:-2px;content:'';background-color:var(--moniz-primary,#fc653c);width:6px;height:6px;border-radius:50%;}.sections__index,.sections__nav{display:none;}.facts{display:none;}.section__content{padding:2rem;}.section__title{font-size:3vw;text-transform:lowercase;margin:0;letter-spacing:0.2vw;position:relative;overflow:hidden;font-weight:700;margin-bottom:24x;}.section__title span{display:inline-block;}.section__description{line-height:1.75;overflow:hidden;position:relative;padding:2rem 6rem 0 0;}.section__description-inner{display:block;color:var(--moniz-text);}.section__img{height:30vh;pointer-events:none;}.section__img-inner{width:100%;height:100%;background-size:cover;background-position:50% 50%;}.section__facts{padding:2rem;margin:0;list-style:none;background:var(--color-bg-facts);color:var(--color-text-facts);}.section__facts-item{margin:0 0 1rem 0;}.section__facts-img{max-width:200px;border-radius:5px;display:block;cursor:pointer;margin:4rem 0 2rem 0;position:relative;}.section__facts-img::before,.section__facts-img::after{content:'';width:100%;height:100%;background:#2f2f2f;position:absolute;top:0;left:0;z-index:-1;}.section__facts-img::before{transform:rotate(3deg);}.section__facts-img::after{transform:rotate(-5deg);}.section__facts-img img{max-width:none;width:100%;}.icon--grid{position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-0.75rem 0 0 -0.75rem;}.section__facts-title{font-size:1em;margin:0 0 0.5rem;color:var(--moniz-base,#ffffff);}.section__facts-detail{font-weight:300;}.section__facts-item--clickable{display:none;}.section__more{display:flex;align-items:stretch;overflow:hidden;}.section__more-inner{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:2rem;}.section__more-inner--bg1{background-color:var(--color-bg-more-1);}.section__more-inner--bg2{background-color:var(--color-bg-more-2);}.section__more-inner--bg3{background-color:var(--color-bg-more-3);}.section__more-inner--bg4{background-color:var(--color-bg-more-4);}.section__more-text{display:block;margin:0 0 0.5rem 0;}.section__more-link{display:flex;cursor:pointer;font-weight:300;}.section__more-linktext{line-height:1;}.icon--arrowlong{width:2rem;height:1.25rem;}@media screen and (min-width:55em) and (min-height:40em){.sections{height:95vh;overflow:hidden;display:grid;grid-template-columns:45% 55%;grid-template-rows:6rem calc(30% - 2rem) calc(44% - 2rem) calc(26% - 2rem);grid-template-areas:"header expander"
								"sections-index expander"
								"... expander"
								"sections-nav expander";}.codrops-links{position:absolute;top:0;right:0;}.sections--factsopen .codrops-links{opacity:0;pointer-events:none;}.codrops-icon{color:#fff;}.menu{grid-template-columns:47% 53%;}.menu__toggle{right:53%;margin:2.3rem 4rem 0 0;}.menu__inner{padding:4rem 4rem 0 0;}.facts{position:relative;grid-area:expander;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;z-index:200;}.facts__toggle{font-weight:bold;cursor:pointer;width:48%;padding:0 0 0 5vw;margin:0 0 0 2vw;height:5rem;position:relative;display:grid;grid-template:100% / 100%;color:var(--color-text-facts);pointer-events:auto;}.facts__toggle:hover{opacity:0.6;}.facts__toggle-inner{text-transform:uppercase;font-size:0.6rem;letter-spacing:0.25rem;grid-area:1 / 1 / 1 / 1;display:flex;}.facts__toggle-inner--less{opacity:0;}.facts__toggle-text{line-height:1.75;margin:0 0 0 0.25rem;}.button-contentclose{position:absolute;top:0;right:0;margin:2rem;opacity:0;pointer-events:none;color:var(--color-text-facts);}.sections__header{grid-area:header;}.sections__index{font-weight:bold;font-size:0.75rem;display:block;align-self:end;padding:6rem 0rem 4rem 2rem;grid-area:sections-index;display:flex;z-index:1;}.sections__index-current{position:relative;overflow:hidden;}.sections__index-total{position:relative;margin:0 0 0 8rem;}.sections__index-total::after{content:'';position:absolute;width:6rem;height:3px;top:calc(50% - 1.5px);right:calc(100% + 1rem);background:#000;}.sections__index-inner{display:block;width:1.15rem;}.sections__nav{display:block;grid-area:sections-nav;z-index:5;padding:2rem 2rem 0;background:linear-gradient(0deg,#ffffff 90%,rgba(255,255,255,0));}.sections__nav-item{border:2px solid #ddd;border-radius:50%;width:3rem;height:3rem;background:var(--moniz-base);margin-right:10px;}.sections__nav-item:hover{border-color:var(--moniz-primary);}.sections__nav-item .icon{width:100%;height:100%;}.section{pointer-events:none;grid-area:1 / 1 / 5 / 4;display:grid;grid-template-columns:47% 25% 28%;grid-template-rows:39% 39% 22%;grid-template-areas:"... slide-image slide-image"
								"slide-content slide-image slide-image"
								"... ... more";}.section--current{pointer-events:auto;}.section__content{padding-right:4rem;padding-left:2rem;grid-area:slide-content;}.section__expander{grid-area:1 / 2 / 4 / 4;background:var(--color-bg-facts);transform-origin:0 0;left:-2vw;position:relative;z-index:100;}.section__img{height:auto;grid-area:slide-image;overflow:hidden;z-index:99;}.section:fist-of-type .section__img{background:var(--color-bg-img);}.section__facts-item--clickable{display:block;}.section__gallery{grid-template-columns:repeat(2,calc(200px + 2rem));grid-gap:1rem;padding:10vh 5vw;background:transparent;position:relative;}.section__gallery-item{padding:0 0 0 1rem;opacity:0;}.section__more{grid-area:more;}.section__facts{padding:6vh 5vw;pointer-events:none;background:transparent;position:relative;z-index:200;grid-area:1 / 2 / 4 / 3;}.section__facts-detail{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.section__more-inner{padding:0;}.sections--factsopen .sections__nav,.sections--factsopen .section__facts-item--clickable .section__facts-img,.sections--factsopen .facts__toggle{pointer-events:none;}.sections--factsopen .button-contentclose,.section--current .section__facts-item--clickable,.sections--factsopen .section__gallery-item{pointer-events:auto;}.js .section:not(.section--current){pointer-events:none;}.js .section:not(.section--current) .section__title span,.js .section:not(.section--current) .section__description,.js .section:not(.section--current) .section__img-inner,.js .section:not(.section--current) .section__more-inner,.js .section:not(.section--current) .section__more-text,.js .section:not(.section--current) .section__more-link,.js .section:not(.section--current) .section__facts-item{opacity:0;}}@media screen and (max-width:54.9em),screen and (max-height:39.9em){.js .section__title span,.js .section__description,.js .section__img-inner,.js .section__more-inner,.js .section__more-text,.js .section__more-link,.js .section__facts-item,.js .section__gallery-item{opacity:1 !important;transform:none !important;}.codrops-icon .icon{width:3rem;height:3rem;border-radius:50%;border:2px solid;padding:0.5rem;}}

@media only screen and (max-width: 767px)  {.section__description-inner, .section__facts-title{font-size: 14px; margin-top: 15px;}.Service-project {margin:60px 0;}.sections__header{padding: 0;}.section__content{padding: 0;margin-top:30px;}.title{font-size: 40px; line-height:normal;}.section__title{font-size: 30px;}.section__description{padding: 0;}}



