body,html{margin:0;padding:0;background:#000;font-family:"Microsoft YaHei",STXihei,STHeiti,"微软雅黑",Arial,"Helvetica Neue",Helvetica,sans-serif!important}header{position:fixed;top:0;left:0;width:100%;height:5.875vw;z-index:10;display:flex;justify-content:space-between;align-items:center;transition:all .5s ease-in-out}header.white{background-color:#fff}header.white .menu ul li a{color:#000}header.white .menu ul li a.active{color:#82532d;border-bottom-color:#82532d}header.white .cnc{transform:translateX(-100%);opacity:0}header.white .years100{transform:translateX(100%);opacity:0}header.white .years100-2{opacity:1}header .left,header .right{position:relative;padding:1.5625vw}header .cnc{width:5.9375vw;height:auto}header .years100{width:13.75vw;height:auto}header .years100-2{position:absolute;right:1.5625vw;top:50%;width:4.8125vw;height:auto;opacity:0;transform:translateY(-50%)}header .menu{margin-bottom:.925vw}header .menu ul{display:flex;list-style:none;padding:0;margin:0;gap:1.875vw}header .menu ul li a{display:block;padding:.46875vw .625vw;text-decoration:none;color:#fff;font-size:1.25vw;border-bottom:.25625vw solid transparent}header .menu ul li a.active{font-weight:700;border-bottom-color:#fff}.scenes-container{position:relative;height:400vh;width:100%;overflow-y:auto;will-change:transform}.scene-section{position:relative;height:100vh;overflow:hidden;transition:all 1s ease-in-out}.scene-section .notice-scroll{opacity:0;transform:translateY(50%);transition:all .5s ease-in-out;transition-delay:3s;position:absolute;bottom:1.5625vw;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625vw}.scene-section .notice-scroll i{display:block;width:1.25vw;height:1.875vw;background:url('../images/icon-scroll.png') no-repeat;background-size:100% 100%}.scene-section .notice-scroll p{font-size:.83334vw;color:#fff;margin:0}.scene-section .notice-scroll.black i{background:url('../images/icon-scroll_black.png') no-repeat;background-size:100% 100%}.scene-section .notice-scroll.black p{color:#000}.scene-section .notice-scroll2{opacity:0;transform:translateY(150%);transition:all .5s ease-in-out;position:absolute;bottom:1.5625vw;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625vw}.scene-section .notice-scroll2.active{opacity:1;transform:translateY(0)}.scene-section .notice-scroll2 i{display:block;width:1.25vw;height:1.875vw;background:url('../images/icon-scroll.png') no-repeat;background-size:100% 100%}.scene-section .notice-scroll2 p{font-size:.83334vw;color:#fff;margin:0}.scene-section .notice-scroll2.black i{background:url('../images/icon-scroll_black.png') no-repeat;background-size:100% 100%}.scene-section .notice-scroll2.black p{color:#000}.parallax-layer{position:absolute;width:110%;height:100%;background-size:cover;transition:transform .8s cubic-bezier(.23, 1, .32, 1);will-change:transform}.parallax-layer.scene-bg-1{background:url('../images/cover.jpg') no-repeat;background-size:cover}.parallax-layer.scene-bg-2{background-color:#fff}.parallax-layer.scene-bg-3{background:url('../images/footeprint_bg.jpg') no-repeat;background-size:cover}.parallax-layer.scene-bg-4{background:url('../images/scene4_bg.jpg') no-repeat;background-size:cover;opacity:.5}.active .content-layer .slogan .mask{width:100%}.active .content-layer .tag{opacity:1;transform:translateY(0)}.active .content-layer .footprint h2{opacity:1;transform:translateY(0)}.active .content-layer .homeland h2{opacity:1}.active .content-layer .homeland .homeland-items .homeland-item{opacity:1;transform:translateY(0)}.active .parallax-layer{transform:scale(1.05)}.active .notice-scroll{opacity:1;transform:translateY(0)}.animated .content-layer .timeline{display:block;opacity:1}.animated .content-layer .timeline-next,.animated .content-layer .timeline-prev{opacity:1;transform:translate(0,-50%)}.animated .content-layer .timeline-pagination{opacity:1;transform:translate(0)}.content-layer{position:absolute;top:5.875vw;bottom:0;left:0;right:0}.content-layer .slogan{position:absolute;right:6.5625vw;top:7.8125vw;width:39.53125vw;height:19.0625vw}.content-layer .slogan img{display:block;width:39.53125vw}.content-layer .slogan .mask{width:0;height:100%;overflow:hidden}.content-layer .tag{position:absolute;right:6.5625vw;top:23.75vw;width:24.6875vw;opacity:0;transform:translateY(50%)}.content-layer .leaders{display:flex;gap:6.8125vw;padding:0 3.75vw}.content-layer .leaders .leader{flex:1}.content-layer .leaders .leader h2{margin-top:0;margin-bottom:.9375vw;padding-top:.9375vw;width:20vw;font-size:1.7875vw;color:#bf9c46;line-height:1.25}.content-layer .leaders .leader h2.right{justify-self:self-end}.content-layer .leaders .leader .leader-content{display:flex;gap:2.5vw;padding-top:1.3125vw}.content-layer .leaders .leader .leader-content .leader-img{flex:none;width:14vw}.content-layer .leaders .leader .leader-content .leader-img img{width:100%}.content-layer .leaders .leader .leader-content .leader-img label{display:block;margin-top:.625vw;font-size:1vw;color:#82532d}.content-layer .leaders .leader .leader-content .leader-info{flex:1;padding-right:1vw}.content-layer .leaders .leader .leader-content .leader-info::-webkit-scrollbar{width:.325vw;background:0 0}.content-layer .leaders .leader .leader-content .leader-info::-webkit-scrollbar-track{background:#eac09d}.content-layer .leaders .leader .leader-content .leader-info::-webkit-scrollbar-thumb{background:#d69f72}.content-layer .leaders .leader .leader-content .leader-info p{margin:0;font-size:min(1.65vh, 1vw);color:#bf9c46;line-height:1.75em;text-indent:2em;text-align:justify}.content-layer .footprint{position:absolute;left:14.375vw;top:3.75vw}.content-layer .footprint h2{margin:0;font-size:3.125vw;color:#fff;line-height:1.2em;text-shadow:0 2px #000;opacity:0;transform:translateY(50%);transition:all .5s ease-in-out;transition-delay:1.6s}.content-layer .enter-timeline{position:absolute;left:0;right:0;bottom:3.125vw;font-size:1.2vw;color:#fff;text-shadow:0 2px #000;text-align:center;cursor:pointer;z-index:1}.content-layer .enter-timeline:before{content:"";display:block;width:2.1vw;height:2.1vw;background:url('../images/arrow_footprint.png') no-repeat;background-size:cover;position:absolute;left:50%;bottom:150%;transform:translateX(-50%)}.content-layer .timeline{display:block;position:absolute;left:0;right:0;bottom:0;top:-6.875vw;background:#fec50d;opacity:0;transition:opacity .5s ease-in-out;transition-delay:0.5s}.content-layer .timeline .timeline-item{display:none;position:relative;margin-top:8.875vw;height:calc(85% - 8.875vw)}.content-layer .timeline .timeline-item .timeline-item-container{position:absolute;left:50%;top:50%;width:78.125vw;transform:translate(-50%,-50%);display:flex;gap:3vw;align-items:center;justify-content:center}.content-layer .timeline .timeline-item.cross{height:60%}.content-layer .timeline .timeline-item.cross .timeline-item-container{top:50%;transform:translate(-50%,-50%)}.content-layer .timeline .timeline-item.cross .timeline-content{display:flex;justify-content:center}.content-layer .timeline .timeline-item.cross .timeline-content .timeline-info h3:before{background:url('../images/timeline-title-line_2.png') center center no-repeat;background-size:contain}.content-layer .timeline .timeline-item .timeline-image{flex:none;width:45.875vw;text-align:center}.content-layer .timeline .timeline-item .timeline-image img{max-width:100%;height:auto}.content-layer .timeline .timeline-item .timeline-content{flex:1;padding-top:1.5vw}.content-layer .timeline .timeline-item .timeline-content .timeline-year{font-size:1.875vw;color:#fff;font-weight:700}.content-layer .timeline .timeline-item .timeline-content .timeline-info .timeline-info-product{font-size:1vw;color:#000;font-weight:600;line-height:1.25em}.content-layer .timeline .timeline-item .timeline-content .timeline-info .timeline-info-text{margin-top:1.5vw;padding-right:1vw}.content-layer .timeline .timeline-item .timeline-content .timeline-info .timeline-info-text::-webkit-scrollbar{width:.325vw;background:0 0}.content-layer .timeline .timeline-item .timeline-content .timeline-info .timeline-info-text::-webkit-scrollbar-track{background:#d69f72}.content-layer .timeline .timeline-item .timeline-content .timeline-info .timeline-info-text::-webkit-scrollbar-thumb{background:#82532d}.content-layer .timeline .timeline-item .timeline-content .timeline-info h3{position:relative;display:inline-block;margin:.625vw 0 1.25vw;padding:.625vw 0;font-size:2vw;color:#fff}.content-layer .timeline .timeline-item .timeline-content .timeline-info h3:before{position:absolute;left:0;bottom:-.9375vw;content:"";width:100%;height:.9375vw;background:url('../images/timeline-title-line.png') no-repeat;background-size:contain}.content-layer .timeline .timeline-item .timeline-content .timeline-info p{margin-top:0;font-size:.83334vw;color:#000;line-height:1.5em;text-indent:2em;text-align:justify}.content-layer .timeline-next,.content-layer .timeline-prev{position:absolute;top:40%;display:flex;flex-direction:column;align-items:center;gap:.625vw;cursor:pointer;opacity:0;transition:all .3s ease-in-out;transition-delay:0.5s}.content-layer .timeline-next.disabled,.content-layer .timeline-prev.disabled{cursor:no-drop;opacity:.6}.content-layer .timeline-next i,.content-layer .timeline-prev i{display:block;width:3.4375vw;height:3.4375vw;transition:all .3s ease-in-out}.content-layer .timeline-next span,.content-layer .timeline-prev span{font-size:.78125vw;color:#fff;font-weight:700}.content-layer .timeline-prev{left:3.125vw;transform:translate(-200%,-50%)}.content-layer .timeline-prev:hover i{background:url('../images/arrow_left_hover.png') no-repeat;background-size:contain}.content-layer .timeline-prev i{background:url('../images/arrow_left.png') no-repeat;background-size:contain}.content-layer .timeline-next{right:3.125vw;transform:translate(200%,-50%)}.content-layer .timeline-next:hover i{background:url('../images/arrow_right_hover.png') no-repeat;background-size:contain}.content-layer .timeline-next i{background:url('../images/arrow_right.png') no-repeat;background-size:contain}.content-layer .timeline-pagination{position:absolute;left:5%;right:5%;height:5vh;padding-top:5vh;padding-left:3%;padding-right:3%;bottom:1vw;opacity:0;transform:translateY(200%);transition:all .5s ease-in-out;transition-delay:0.5s;overflow-x:scroll}.content-layer .timeline-pagination.lastone{transform:translateY(-100%)!important;transition-delay:0s}.content-layer .timeline-pagination::-webkit-scrollbar{height:12px}.content-layer .timeline-pagination::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.content-layer .timeline-pagination::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.content-layer .timeline-pagination::-webkit-scrollbar-thumb:hover{background:#555}.content-layer .timeline-pagination-container{display:flex;gap:6.125vw;background:url('../images/timeline-pagination-bg.png') center center repeat-x;background-size:auto .625vw;background-attachment:fixed}.content-layer .timeline-pagination-container .timeline-pagination-item,.content-layer .timeline-pagination-container .timeline-pagination-item-first{flex:none;position:relative;display:block;width:1.25vw;height:1.25vw;background:#fec50d;border:1px solid transparent;border-radius:50%}.content-layer .timeline-pagination-container .timeline-pagination-item-first.active,.content-layer .timeline-pagination-container .timeline-pagination-item.active{border:1px solid #fff}.content-layer .timeline-pagination-container .timeline-pagination-item-first.active label,.content-layer .timeline-pagination-container .timeline-pagination-item.active label{font-weight:900}.content-layer .timeline-pagination-container .timeline-pagination-item-first.active:before,.content-layer .timeline-pagination-container .timeline-pagination-item.active:before{background:#fff}.content-layer .timeline-pagination-container .timeline-pagination-item label,.content-layer .timeline-pagination-container .timeline-pagination-item-first label{position:absolute;left:50%;top:-100%;transform:translateX(-50%);white-space:nowrap;font-size:.78125vw;color:#fff}.content-layer .timeline-pagination-container .timeline-pagination-item-first:before,.content-layer .timeline-pagination-container .timeline-pagination-item:before{content:"";position:absolute;left:50%;top:50%;width:.625vw;height:.625vw;transform:translate(-50%,-50%);background:rgba(255,255,255,.6);border-radius:50%}.content-layer .homeland{position:absolute;left:6.5625vw;right:6.5625vw;top:50%;transform:translateY(-50%)}.content-layer .homeland h2{margin-bottom:4.21875vw;font-size:3.33334vw;color:#fff;font-weight:700;text-align:center;opacity:0;transition:all .5s ease-in-out;transition-delay:0.5s}.content-layer .homeland .homeland-items{display:flex;gap:2.5vw}.content-layer .homeland .homeland-items .homeland-item{flex:none;width:19.84375vw;display:flex;flex-direction:column;border-top:.15625vw solid #fec50d;opacity:0;transform:translateY(50%);transition:all .5s ease-in-out}.content-layer .homeland .homeland-items .homeland-item:first-child{transition-delay:0.8s}.content-layer .homeland .homeland-items .homeland-item:nth-child(2){transition-delay:1s}.content-layer .homeland .homeland-items .homeland-item:nth-child(3){transition-delay:1.2s}.content-layer .homeland .homeland-items .homeland-item:nth-child(4){transition-delay:1.4s}.content-layer .homeland .homeland-items .homeland-item img{width:100%}.content-layer .homeland .homeland-items .homeland-item .homeland-item-content{background:#fff;padding:.9375vw 1.5625vw}.content-layer .homeland .homeland-items .homeland-item .homeland-item-content h3{margin:0 0 .9375vw;font-size:1.875vw;color:#bf9c46;line-height:1.2em}.content-layer .homeland .homeland-items .homeland-item .homeland-item-content a{display:inline-block;background:#82532d;padding:.625vw .9375vw;font-size:.83334vw;color:#fff;line-height:1em;font-weight:200;text-decoration:none}.content-layer .stories{display:none;position:absolute;left:0;right:0;top:0;bottom:0;flex-direction:column}.content-layer .stories.show{display:flex}.content-layer .stories.show .stories-pagination{transform:translateY(0)}.content-layer .stories .stories-container{flex:auto;background:#fff;height:calc(100% - 14vh);overflow-y:scroll}.content-layer .stories .stories-container .story-context{display:none;justify-content:space-between;flex-wrap:wrap;padding:2vw;box-sizing:border-box;padding-bottom:15vh;row-gap:1vw}.content-layer .stories .stories-container .story-context.show{display:flex}.content-layer .stories .stories-container .story-context .story-image,.content-layer .stories .stories-container .story-context .story-image-text{position:relative}.content-layer .stories .stories-container .story-context .story-image .story-image-container,.content-layer .stories .stories-container .story-context .story-image-text .story-image-container{position:relative}.content-layer .stories .stories-container .story-context .story-image img,.content-layer .stories .stories-container .story-context .story-image-text img{width:100%}.content-layer .stories .stories-container .story-context .story-image img+img,.content-layer .stories .stories-container .story-context .story-image-text img+img{margin-top:1vw}.content-layer .stories .stories-container .story-context .story-image h4,.content-layer .stories .stories-container .story-context .story-image-text h4{position:absolute;left:3.645vw;top:2.6vw;margin:0;font-size:3.3333vw;color:#fec50d;font-weight:700;line-height:1.2;text-shadow:3px 5px 10px rgba(0,0,0,.5)}.content-layer .stories .stories-container .story-context .story-image h5,.content-layer .stories .stories-container .story-context .story-image-text h5{margin:0;padding-bottom:1.25vw;position:absolute;left:2.8125vw;bottom:1.875vw;font-size:2.6vw;color:#fec50d;line-height:1.25;background:url('../images/story/line@2x.png') left bottom no-repeat;background-size:auto .9375vw}.content-layer .stories .stories-container .story-context .story-image-text p,.content-layer .stories .stories-container .story-context .story-text p{font-size:.729vw;color:#000;line-height:2em;text-indent:2em}.content-layer .stories .stories-container .story-context .story-column{display:flex;justify-content:space-between;align-items:center}.content-layer .stories .stories-container .story-context .story-column p{text-indent:0;padding:0 3vw;font-weight:700}.content-layer .stories .stories-pagination{position:absolute;bottom:0;width:100%;height:14vh;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.75);z-index:1;transform:translateY(100%);transition:transform .5s 1s ease-out}.content-layer .stories .stories-pagination ul{display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;gap:1vw}.content-layer .stories .stories-pagination ul li{height:4.6875vw;width:10.3125vw;overflow:hidden;border:1px solid transparent;cursor:pointer}.content-layer .stories .stories-pagination ul li img{width:100%}.content-layer .stories .stories-pagination ul li.active{border-color:#fec50d}.swiper{position:absolute;left:5%;top:50%;width:300px;height:300px;background:#fff;overflow:hidden}.swiper ul{margin:0;padding:0;list-style:none;display:flex}#scrolling ul li{flex:none;width:50px}.parallax-container{display:none}