body, body>.page-content-wrapper, html{overflow:unset;}
.about-us{font-size:16px;margin:0 auto;max-width:1920px;}

.about-us .a{background:url(img/a.jpg) 50% 0 no-repeat;background-size:120em;color:#fff;height:51em;}
.about-us .a .w-container{width:85.375em;margin:0 auto;}
.about-us .a .text{padding:20.625em 0 0;text-align:center;}
.about-us .a h1{font-size:3.25em;line-height:1.2;margin-top:0.5em;}
@media (max-width:1680px){ .about-us .a{font-size:14px;} }
@media (max-width:1440px){ .about-us .a{font-size:12px;} }
@media (max-width:736px){
  .about-us .a{font-size:10.35px;background:url(m/a.jpg) 50% 0 no-repeat;background-size:100%;height:125.866666vw;}
  .about-us .a .w-container{width:auto;}
  .about-us .a .text{padding:52% 0 0;}
  .about-us .a .tp-link-logo{max-width:50%;}
  .about-us .a h1{font-size:1.75em;}
}
@media (max-width:414px){ .about-us .a{font-size:2.5vw;} }

.about-us .b{background:#000 url(img/b.jpg) 50% 100% no-repeat;background-size:120em;color:#fff;min-height:51em;}
.about-us .b .w-container{width:85.375em;margin:0 auto;}
.about-us .b .text{padding:14.375em 56% 0 0;}
.about-us .b h2{font-size:2.5em;line-height:1.25;margin-bottom:1em;}
.about-us .b p{font-size:1.125em;line-height:1.33333333;}
.about-us .b p+p{margin-top:1em;}
@media (max-width:1680px){ .about-us .b{font-size:14px;} }
@media (max-width:1440px){ .about-us .b{font-size:12px;} }
@media (max-width:736px){
  .about-us .b{font-size:10.35px;background:#011a32 url(m/b.png) 50% 0 no-repeat;background-size:100%;height:125.866666vw;min-height:auto;}
  .about-us .b .w-container{width:auto;}
  .about-us .b .text{padding:20% 20px 0;}
  .about-us .b h2{font-size:2.5em;line-height:1.2;padding:0;}
  .about-us .b p{font-size:1.5em;line-height:1.5;padding:0;}
}
@media (max-width:414px){ .about-us .b{font-size:2.5vw;} }

.about-us .c{background:#161a23 url(img/c.png) 50% 100% no-repeat;background-size:120em;color:#fff;padding-bottom:26.5em;}
.about-us .c .w-container{width:85.375em;margin:0 auto;}
.about-us .c .text{padding:7.5em 0 0;text-align:center;}
.about-us .c h2{font-size:2.5em;line-height:1.25;margin-bottom:1em;}
.about-us .c p{font-size:1.125em;line-height:1.33333333;}
.about-us .c .detail{margin-top:5em;}
.about-us .c .detail ul{display:flex;justify-content:center;flex-wrap:wrap;max-width:48.625em;margin:0 auto;}
.about-us .c .detail li{width:26%;padding:0 3%;text-align:center;margin-bottom:2em;}
.about-us .c .detail p{font-size:1em;}
.about-us .c .detail .num{font-size:3.75em;font-weight:400;}
.about-us .c .location{height:0;position:relative;}
.about-us .c .location p{font-size:11px;}
.about-us .c .location .name{font-size:16px;font-weight:500;    margin-bottom:3px;}
.about-us .c .location .c1{position:absolute;padding-left:20px;top:7em;left:18em;}
.about-us .c .location .c2{position:absolute;padding-left:20px;top:11em;left:61em;}
.about-us .c .location .c1:before,
.about-us .c .location .c2:before{content:'';width:12px;height:12px;position:absolute;top:3px;left:0;border-radius:50%;background:#4acbd6;}
.about-us .c .location .note{position:absolute;top:25em;left:0;right:0;text-align:center;font-size:0.875em;}
@media (max-width:1680px){ .about-us .c{font-size:14px;} }
@media (max-width:1440px){ .about-us .c{font-size:12px;} }
@media (max-width:736px){
  .about-us .c{font-size:10.35px;background:#171b26 url(m/c.jpg) 50% 100% no-repeat;background-size:100%;height:auto;padding-bottom:65%;}
  .about-us .c .w-container{width:auto;}
  .about-us .c .text{padding:3em 20px 0;text-align:left;}
  .about-us .c h2{font-size:2.5em;line-height:1.2;padding:0;margin-bottom:0.5em;}
  .about-us .c p{font-size:1.5em;line-height:1.5;padding:0;}
  .about-us .c .detail{margin-top:3em;}
  .about-us .c .detail li{width:33%;padding:0;}
  .about-us .c .detail p{font-size:1.15em;}
  .about-us .c .location{text-align:center;}
  .about-us .c .location .c1:before, 
  .about-us .c .location .c2:before{left:50%;top:0;margin-left:-6px;}
  .about-us .c .location .c1{padding:20px 0 0;width:35vw;top:19vw;left:0vw;}
  .about-us .c .location .c2{padding:20px 0 0;width:40vw;top:24vw;left:58vw;}
  .about-us .c .location .name{font-size:2.5vw;}
  .about-us .c .location p{font-size:2vw;}
  .about-us .c .location .note{font-size:1.25em;top:47vw;padding:0 20px;}
}
@media (max-width:414px){ .about-us .c{font-size:2.5vw;} }

.about-us .d{background:#000 url(/about/about-us_v2/img/d-bg.png) 50% 0 no-repeat;background-size:cover;color:#fff !important;}
.about-us .d .w-container{width:85.375em;margin:0 auto;}
.about-us .d .text{padding:7.5em 0 0;}
.about-us .d h2{font-size:2.5em;line-height:1.25;margin-bottom:2em;text-align:center;}
.about-us .d p{font-size:1.125em;line-height:1.5;}
.about-us .d ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.about-us .d ul>li{width:48%;margin-bottom:6.25em;}
.about-us .d ul>li .img{line-height:0;}
.about-us .d ul>li img{width:100%;}
.about-us .d ul>li .txt{margin-top:1em;}
.about-us .d ul>li h3{font-size:1.25em;margin-bottom:0.5em;line-height:1.6;}
.about-us .d ul>li p{font-size:1.125em;}
@media (max-width:1680px){ .about-us .d{font-size:14px;} }
@media (max-width:1440px){ .about-us .d{font-size:12px;} }
@media (max-width:736px){
  .about-us .d{font-size:10.35px;background: rgba(38, 57, 69, 1);}
  .about-us .d .w-container{width:auto;}
  .about-us .d .text{padding:3em 20px 2em;}
  .about-us .d h2{font-size:2.5em;line-height:1.2;padding:0;margin-bottom:1em;text-align: left;}
  .about-us .d p{font-size:1.5em;line-height:1.5;padding:0;}
  .about-us .d ul>li{width:100%;margin-bottom:4em;}
  .about-us .d ul>li h3{font-size:1.65em;}
  .about-us .d ul>li p{font-size:1.25em;}
}
@media (max-width:414px){ .about-us .d{font-size:2.5vw;} }

.about-us .e{background:#000 url(/about/about-us_v2/img/e-bg.png) 50% 0 no-repeat;background-size:cover;color:#fff;}
.about-us .e .w-container{width:85.375em;margin:0 auto;}
.about-us .e .text{padding:4em 0 7.5em;}
.about-us .e h2{font-size:2.5em;line-height:1.25;margin-bottom:2em;text-align:center;}
.about-us .e p{font-size:1.125em;line-height:2;}
.about-us .e ul>li+li{margin-top:6.25em;flex-direction: row-reverse;}
.about-us .e ul>li{display:flex;justify-content: space-between;}
.about-us .e ul>li .img{line-height:0;width:48.53587%;flex:none;}
.about-us .e ul>li img{width:100%;}
.about-us .e ul>li .txt{width:48.53587%;display:flex;align-items: center;justify-content: center;}
.about-us .e ul>li p{font-size:1.125em;}
.about-us .e .img .swiper{overflow: hidden;position:relative;}
.about-us .e .img .swiper-pagination-bullet{width:60px;height:4px;background:rgba(255,255,255,0.4);border-radius:4px;}
.about-us .e .img .swiper-pagination-bullet-active{width:60px;height:4px;background:#fff;}
@media (max-width:1680px){ .about-us .e{font-size:14px;} }
@media (max-width:1440px){ .about-us .e{font-size:12px;} }
@media (max-width:736px){
  .about-us .e{font-size:10.35px;background:url(m/e.jpg) 50% 0 no-repeat;background-size:100% 100%;}
  .about-us .e .w-container{width:auto;}
  .about-us .e .text{padding:4em 20px 5em;}
  .about-us .e h2{font-size:2.5em;line-height:1.2;padding:0;margin-bottom:1em;text-align: left;}
  .about-us .e p{font-size:1.5em;line-height:1.5;padding:0;}
  .about-us .e ul>li{flex-direction: column-reverse;}
  .about-us .e ul>li .img{width:100%;}
  .about-us .e ul>li .txt{width:100%;margin-bottom:2em;}
  .about-us .e ul>li+li{flex-direction: column-reverse;margin-top:4em;}
  .about-us .e ul>li p{font-size:1.25em;}
}
@media (max-width:414px){ .about-us .e{font-size:2.5vw;} }

.about-us .f-container{background:#f5f6fa;}
.about-us .f{background:url(img/f.jpg) 50% 0 no-repeat;background-size:cover;/*height:57.5em;*/}
.about-us .f.sticky{position:sticky;top:0;}
.about-us .f .nowrap{white-space: nowrap;}
.about-us .f .w-container{width:85.375em;margin:0 auto;}
.about-us .f .text{padding:4em 0;}
.about-us .f h2{font-size:2.5em;line-height:1.25;margin-bottom:1em;text-align:center;}
.about-us .f p{font-size:1.125em;line-height:1.33333333;}
.about-us .f .detail{margin-top:4em;display:flex;justify-content:space-between;}
.about-us .f .detail .left{/*width:calc(100% - 6em);*/font-weight:400;}
.about-us .f .detail .right{width:4.75em;display:none;}
/* .about-us .f .detail .left ul{height:36em;overflow:hidden;} */
.about-us .f .detail .left ul>li{padding-left:3.125em;position:relative;color:rgba(29,37,41,0.4);}
.about-us .f .detail .left ul>li:before{content:'';display:block;width:1.25em;height:8.125em;background:url(img/f1.png) 50% 0 no-repeat;background-size:100%;position:absolute;top:0;left:0;transition:all linear 200ms;}
.about-us .f .detail .left ul>li{color:rgba(29,37,41,1);min-height:8.125em;}
.about-us .f .detail .left ul>li:before{background-image:url(img/f2.png);}
.about-us .f .detail .left ul>li+li{margin-top:3em;}
.about-us .f .detail .left p{font-size:1.25em;transition:all linear 200ms;font-weight: 300;}
.about-us .f .detail .left p>small{font-size:13px;color:rgba(29,37,41,0.4);}
.about-us .f .detail .left p>img{max-height:3em;}
.about-us .f .detail .left p+p{margin-top:1em;}
.about-us .f .detail .left p+p.note{margin-top:0;}
.about-us .f .detail .left p.year+p{margin-top:0.25em;}
.about-us .f .detail .left p+p.brand-logo{margin-top:0.5em;}
.about-us .f .detail .left .year{font-size:1.875em;transition:all linear 200ms;font-weight: 500;}
.about-us .f .detail .left .active p{font-size:1.25em;}
.about-us .f .detail .left .active .year{font-size:2.25em;font-weight:500;}
.about-us .f .detail .right ul{position:relative;}
.about-us .f .detail .right ul:before{content:'';display:block;position:absolute;top:0;left:0;width:2px;height:100%;background:#E0E1E4;}
.about-us .f .detail .right li{font-size:1.25em;line-height:2.2;    text-align:center;position:relative;cursor:pointer;}
/* .about-us .f .detail .right li+li{margin-top:0.35em;} */
.about-us .f .detail .right li.active{font-weight:bold;}
.about-us .f .detail .right li.active:before{content:'';display:block;position:absolute;top:0;left:0;width:2px;height:100%;background:#4acbd6;}
@media (max-width:1680px){ .about-us .f{font-size:14px;} }
@media (max-width:1440px){ .about-us .f{font-size:12px;} }
@media (max-width:736px){
  .about-us .f{font-size:10.35px;background:url(m/f.jpg) 50% 0 no-repeat;background-size:cover;height:auto;position:relative;}
  .about-us .f .w-container{width:auto;}
  .about-us .f .text{padding:4em 20px;}
  .about-us .f h2{font-size:2.5em;line-height:1.2;padding:0;}
  .about-us .f p{font-size:1.5em;line-height:1.5;padding:0;}
  .about-us .f .detail{margin-top:3em;}
  .about-us .f .detail .left{width:auto;}
  .about-us .f .detail .right{display:none;}
  /* .about-us .f .detail .left ul{overflow:auto;} */
  .about-us .f .detail .left ul>li:before{top:0.5em;}
  .about-us .f .detail .left .year{font-size:2.25em;font-weight:500;}
  .about-us .f .detail .left p{font-size:1.5em;}
  .about-us .f .detail .left p>small{font-size:0.8em;}
}
@media (max-width:414px){ .about-us .f{font-size:2.5vw;} }

@keyframes scrollIcon {  
  0% {  
    transform:translateX(0%);  
  }  
  100% {  
    transform:translateX(-50%);  
  }  
}
.about-us .g{padding-bottom:6em;overflow:hidden;}
.about-us .g .w-container{width:85.375em;margin:0 auto;}
.about-us .g .text{padding:7.5em 0 0;text-align:center;}
.about-us .g h2{font-size:2.5em;line-height:1.25;margin-bottom:1em;}
.about-us .g p{font-size:1.125em;line-height:1.33333333;}
.about-us .g .icons{margin-top:3em;}
.about-us .g .icon-list{display:flex;justify-content:space-around;animation:scrollIcon 15s linear infinite;}
.about-us .g .icon-box{width:18.75em;height:15em;background:#FAFAFA;border-radius:0.5em;display:flex;justify-content:center;align-items:center;}
.about-us .g .icon-box img{max-width:100%;}
.about-us .g .icons-1{width:237em;}
.about-us .g .icons-2{width:276.5em;margin-top:1em;}
@media (max-width:1680px){ .about-us .g{font-size:14px;} }
@media (max-width:1440px){ .about-us .g{font-size:12px;} }
@media (max-width:736px){
  .about-us .g{font-size:10.35px;padding-bottom:4em;}
  .about-us .g .w-container{width:auto;}
  .about-us .g .text{padding:4em 20px 0;text-align:left;}
  .about-us .g h2{font-size:2.5em;line-height:1.2;padding:0;}
  .about-us .g p{font-size:1.5em;line-height:1.5;padding:0;}
}
@media (max-width:414px){ .about-us .g{font-size:2.5vw;} }

.about-us .h{background:url(img/h.png) 50% 0 no-repeat;background-size:120em;height:41.375em;}
.about-us .h .w-container{width:85.375em;margin:0 auto;}
.about-us .h .text{padding:12.125em 23% 0;text-align:center;}
.about-us .h h2{font-size:2.5em;line-height:1.25;margin-bottom:0.625em;}
.about-us .h p{font-size:1.125em;line-height:1.33333333;}
.about-us .h .link{margin-top:3.2em;}
.about-us .h .link a{display:inline-block;padding:1em;border:1px solid currentColor;border-radius:0.25em;color:inherit;text-decoration:none;font-weight:500;}
@media (max-width:1680px){ .about-us .h{font-size:14px;} }
@media (max-width:1440px){ .about-us .h{font-size:12px;} }
@media (max-width:736px){
  .about-us .h{font-size:10.35px;background:url(m/h.jpg) 50% 0 no-repeat;background-size:100%;height:125.86666666vw;}
  .about-us .h .w-container{width:auto;}
  .about-us .h .text{padding:6em 20px 0;text-align:left;}
  .about-us .h h2{font-size:2.5em;line-height:1.2;padding:0;}
  .about-us .h p{font-size:1.5em;line-height:1.5;padding:0;}
  .about-us .h .link{margin-top:2em;}
  .about-us .h .link a{padding:0.5em 1em;}
}
@media (max-width:414px){ .about-us .h{font-size:2.5vw;} }