.banner_i{position:relative}.D0{padding:4vw 0 4vw 0}.D0>.box .hhh{text-align:center;position:relative;z-index:5}.D0>.box .hhh .zh{font-size:2.8rem}@media(max-width: 768px){.D0>.box .hhh .zh{font-size:6.5vw}}.D0>.box .hhh .en{font-size:1.5rem;color:#999}.D0>.box .intro{text-align:center;margin:3rem 0 0 0;padding:0 5vw}@media(max-width: 1240px){.D0>.box .intro{margin:4vw 0 0 0}}.D0>.box .intro .t0{font-size:2.6rem;line-height:2}@media(max-width: 768px){.D0>.box .intro .t0{font-size:6vw}}.D0>.box .intro .t1{line-height:1.8;font-size:1.3rem;color:#666}.D0>.box .photo{display:flex;margin:4vw 0 0 0;gap:3vw}@media(max-width: 768px){.D0>.box .photo{flex-direction:column;margin:1rem 0 1rem 0}}.D0>.box .photo .pic{flex:1;position:relative}.D0>.box .photo .pic>span{position:absolute;left:2rem;bottom:2rem;color:#fff;font-size:1.4rem}@media(max-width: 990px){.D0>.box .photo .pic>span{font-size:2vw}}@media(max-width: 768px){.D0>.box .photo .pic>span{font-size:5vw}}.D0>.box .photo .pic img{width:100%}.D1{background:#f2f2f2;padding:6vw 0}.D1>.box .hhh{padding:0 0 1rem 0;border-bottom:1px solid #ddd}.D1>.box .hhh .zh{font-size:3.6rem}@media(max-width: 1240px){.D1>.box .hhh .zh{font-size:2.7rem}}@media(max-width: 768px){.D1>.box .hhh .zh{font-size:6.8vw}}.D1>.box .hhh .en{font-size:2rem;color:#999}@media(max-width: 1240px){.D1>.box .hhh .en{font-size:1.5rem}}@media(max-width: 768px){.D1>.box .hhh .en{font-size:5vw}}.D1>.box .project{display:flex;justify-content:space-between;margin:4vw 0 0 0}.D1>.box .project>.l{position:sticky;left:0;top:0;width:16%;min-width:120px;display:flex;flex-direction:column;gap:1rem;height:100%;padding:0 0 3rem 0}@media(max-width: 768px){.D1>.box .project>.l{display:none}}.D1>.box .project>.l a{display:block;font-size:1.1rem;color:#444;padding:1rem 0;text-align:center;font-weight:bold;position:relative}.D1>.box .project>.l a::before{content:"";position:absolute;box-sizing:border-box;inset:0;background:rgba(0,0,0,0);border:2px solid #444;border-radius:100px;z-index:1}.D1>.box .project>.l a::after{content:"";position:absolute;inset:0;box-sizing:border-box;background-image:linear-gradient(to right, #1bdec1, #0c78d6);border-radius:100px;z-index:2;opacity:0}.D1>.box .project>.l a span{position:relative;z-index:10}.D1>.box .project>.l a:hover,.D1>.box .project>.l a.selected{color:#fff}.D1>.box .project>.l a:hover::before,.D1>.box .project>.l a.selected::before{opacity:0}.D1>.box .project>.l a:hover::after,.D1>.box .project>.l a.selected::after{opacity:1}.D1>.box .project>.r{width:62%}@media(max-width: 990px){.D1>.box .project>.r{width:70%}}@media(max-width: 768px){.D1>.box .project>.r{width:100%}}.D1>.box .project>.r .obj_{display:flex;margin:0 0 3vw 0;gap:2rem}@media(max-width: 768px){.D1>.box .project>.r .obj_{margin:0 0 5vw 0}}.D1>.box .project>.r .obj_ .no{position:relative}.D1>.box .project>.r .obj_ .no::after{content:"";width:1px;height:124%;background:#ccc;position:absolute;left:50%}.D1>.box .project>.r .obj_ .no span{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:4vw;border-radius:100px;background-image:linear-gradient(to right, #1bdec1, #0c78d6);color:#fff;font-size:1.6rem;font-family:"Roboto";font-weight:600}@media(max-width: 1240px){.D1>.box .project>.r .obj_ .no span{font-size:2.2vw}}@media(max-width: 768px){.D1>.box .project>.r .obj_ .no span{width:2rem;font-size:1rem}}.D1>.box .project>.r .obj_ .ccc{width:100%}.D1>.box .project>.r .obj_ .ccc .title{display:flex;align-items:center;gap:7px;line-height:1}.D1>.box .project>.r .obj_ .ccc .title:not(:nth-of-type(1)){margin:2rem 0 0 0}.D1>.box .project>.r .obj_ .ccc .title span{font-size:2.4rem}@media(max-width: 768px){.D1>.box .project>.r .obj_ .ccc .title span{font-size:6.2vw}}.D1>.box .project>.r .obj_ .ccc .title b{font-size:1.7rem}@media(max-width: 768px){.D1>.box .project>.r .obj_ .ccc .title b{font-size:5vw}}.D1>.box .project>.r .obj_ .ccc .content{padding:1vw 0 0 0}.D1>.box .project>.r .obj_ .ccc .content p{font-size:1.4rem;line-height:2}@media(max-width: 768px){.D1>.box .project>.r .obj_ .ccc .content p{font-size:1.1rem;line-height:1.8}}.D1>.box .project>.r .obj_ .ccc .content ul{padding:.4vw 0 0 0}@media(max-width: 768px){.D1>.box .project>.r .obj_ .ccc .content ul{padding:.7vw 0}}.D1>.box .project>.r .obj_ .ccc .content ul li{line-height:1.7;color:#666;font-size:1.1rem}.D1>.box .project>.r .obj_ .ccc .content ul li::before{content:"·";margin:0 5px 0 0}.D1>.box .project>.r .obj_ .ccc .content .photo{width:100%;padding:.8vw 0 0 0;display:flex;justify-content:space-between}.D1>.box .project>.r .obj_ .ccc .content .photo img{max-width:48%}.D2{background:url(../images/history_bgi0.jpg) no-repeat center;padding:7vw 0}.D2 .box .hhh{width:90%;margin:0 auto}@media(max-width: 768px){.D2 .box .hhh{width:100%}}.D2 .box .hhh .zhen{font-size:3.2rem;color:#fff;position:relative}@media(max-width: 768px){.D2 .box .hhh .zhen{font-size:6.8vw}}.D2 .box .photo{margin:3rem 0 0 0}.D2 .box .photo .his .swiper-slide{cursor:pointer;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;display:flex}@media(max-width: 768px){.D2 .box .photo .his .swiper-slide{flex-direction:column}}.D2 .box .photo .his .swiper-slide .year{width:30%;line-height:1.5;color:#fff;display:flex;text-align:right;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;display:flex;justify-content:center}@media(max-width: 768px){.D2 .box .photo .his .swiper-slide .year{width:100%;justify-content:start}}.D2 .box .photo .his .swiper-slide .year span{line-height:1;font-size:7rem;font-family:"Roboto";transition-property:all;transition-duration:0.5s;transition-timing-function:ease;background-image:linear-gradient(to right, #1bdec1, #0c78d6);-webkit-background-clip:text;color:rgba(0,0,0,0)}@media(max-width: 768px){.D2 .box .photo .his .swiper-slide .year span{font-size:18vw}}.D2 .box .photo .his .swiper-slide .mask{flex:1;transition-property:all;transition-duration:0.5s;transition-timing-function:ease}.D2 .box .photo .his .swiper-slide .mask .t0{font-size:2rem;width:30%;font-weight:bold;color:#fff}@media(max-width: 768px){.D2 .box .photo .his .swiper-slide .mask .t0{width:100%;font-size:5.5vw}}.D2 .box .photo .his .swiper-slide .mask .t1{margin:1rem 0 0 0}.D2 .box .photo .his .swiper-slide .mask .t1 ul li{line-height:2;color:#fff;font-size:1.1rem;display:flex;align-items:self-start}.D2 .box .photo .his .swiper-slide .mask .t1 ul li::before{content:"";display:inline-block;margin:.85rem 9px 0 0;border-radius:100px;width:.5rem;aspect-ratio:1/1;background-image:linear-gradient(to right, #1bdec1, #0c78d6)}.D2 .box .photo .timeline{position:relative;margin:4rem 0 0 0}.D2 .box .photo .timeline .gol{position:absolute;left:0;bottom:0;height:100%;z-index:20;border-radius:100px;aspect-ratio:1/1;transform:rotate(180deg) translateX(-50%);background-color:#fff}.D2 .box .photo .timeline .gor{position:absolute;right:0;bottom:0;height:100%;z-index:20;transform:translateX(-50%);border-radius:100px;aspect-ratio:1/1;background-color:#fff}.D2 .box .photo .timeline>a{display:inline-flex !important}.D2 .box .photo .timeline>a::after{position:absolute;inset:2px;content:"";border-radius:100rem;transform:scale(0.1);opacity:0;z-index:1;background-image:linear-gradient(to right, #1bdec1, #0c78d6);transition-property:all;transition-duration:0.5s;transition-timing-function:ease}.D2 .box .photo .timeline>a::before{position:absolute;inset:2px;content:"";width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23aaa' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:auto 50%;z-index:4;transition-property:all;transition-duration:0.5s;transition-timing-function:ease}.D2 .box .photo .timeline>a:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23fff' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.D2 .box .photo .timeline>a:hover::after{opacity:1;transform:scale(1)}@media(max-width: 768px){.D2 .box .photo .timeline>a{z-index:10}}.D2 .box .photo .dian{margin:0 auto 0 auto;position:relative;width:90%}.D2 .box .photo .dian::after{content:"";opacity:.5;width:100%;height:2px;display:flex;transform:translateY(-100%);background-image:linear-gradient(to right, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));position:absolute;left:0;top:50%}@media(max-width: 768px){.D2 .box .photo .dian::after{opacity:0}}.D2 .box .photo .dian .swiper-wrapper{margin:0 auto;width:90%}@media(max-width: 768px){.D2 .box .photo .dian .swiper-wrapper{opacity:0;width:30%}}.D2 .box .photo .dian .swiper-slide{width:auto;height:8vh;display:flex}.D2 .box .photo .dian .swiper-slide:nth-last-of-type(1){margin:0 2rem 0 0}.D2 .box .photo .dian .swiper-slide.swiper-button-lock{display:flex !important}.D2 .box .photo .dian .swiper-slide.swiper-slide-thumb-active a span{color:rgba(255,255,255,0)}.D2 .box .photo .dian .swiper-slide.swiper-slide-thumb-active i::before{transform:scale(2)}.D2 .box .photo .dian .swiper-slide a{display:inline-flex;flex-direction:column;padding:0 5vw;align-items:center;justify-content:center;position:relative}.D2 .box .photo .dian .swiper-slide a span{transition-property:all;transition-duration:0.5s;transition-timing-function:ease;color:#fff;line-height:1;position:absolute;transform:translateY(calc(-100% - 0.2rem))}.D2 .box .photo .dian .swiper-slide a i{display:inline-flex;width:1rem;aspect-ratio:1/1;background:#fff;border-radius:100px;position:relative}.D2 .box .photo .dian .swiper-slide a i::before{content:"";display:inline-flex;inset:0;position:absolute;width:100%;aspect-ratio:1/1;z-index:-1;background:#fff;opacity:.2;border-radius:100px;transform:scale(0);transition-property:all;transition-duration:0.5s;transition-timing-function:ease}.D2 .box .photo .dian .swiper-slide a i::after{content:"";display:inline-flex;width:100%;height:100%;border-radius:100px;background-image:linear-gradient(to right, #1bdec1, #0c78d6);transform:scale(0.57)}.en .D0>.box .hhh .zh{font-size:2.3rem}.en .D1>.box .hhh .zh{font-size:2.7rem}