.earfun-introduction .banner-container .banner-list{position:relative}.earfun-introduction .banner-container .banner-list .banner-item{width:100%;overflow:hidden;font-size:0}.earfun-introduction .banner-container .banner-list .banner-item>div{position:relative;font-size:0;display:block}.earfun-introduction .banner-container .banner-list .banner-item>div>img{width:100%;height:auto}.earfun-introduction .banner-container .banner-list .banner-item>div.video{cursor:pointer}.earfun-introduction .banner-container .banner-list .banner-item>div.video:before{content:"";position:absolute;top:50%;left:50%;margin-left:-3.5rem;margin-top:-3.5rem;width:7rem;height:7rem;background:url(/images/common/play-video.png) 50% no-repeat;background-size:100%;transition:all .3s ease-in-out}.earfun-introduction .banner-container .banner-list .banner-item>div.video:hover:before{pointer-events:none;transform:scale(1.2)}.earfun-introduction .banner-container .banner-list .banner-item .banner-item-con{position:absolute;top:30%;left:20%;width:30vw;color:#000;pointer-events:none}.earfun-introduction .banner-container .banner-list .banner-item .banner-item-con>h2{font-size:3.5vw}.earfun-introduction .banner-container .banner-list .banner-item .banner-item-con>p{font-size:1.35vw;margin-top:1.5vw;color:#202020;line-height:1.2}.earfun-introduction .banner-container .banner-list .banner-item .story-item-con{top:80%;left:21%;width:45vw}.earfun-introduction .banner-container .banner-list .banner-item .story-item-con>h2{font-size:2.05vw;color:#04090a}.earfun-introduction .banner-container .banner-list .banner-item .story-item-con>p{font-size:1.25rem;margin-top:1rem}.earfun-introduction .el-dialog__wrapper .banner-dialog{max-width:768px;width:95%}.earfun-introduction .el-dialog__wrapper .banner-dialog .el-dialog__header{padding:0;font-size:0}.earfun-introduction .el-dialog__wrapper .banner-dialog .el-dialog__header .el-dialog__headerbtn{font-size:2rem;top:-.3rem;right:-.3rem}.earfun-introduction .el-dialog__wrapper .banner-dialog .el-dialog__header .el-dialog__headerbtn>i{color:#fcc812}.earfun-introduction .el-dialog__wrapper .banner-dialog .el-dialog__body{padding:0;font-size:0}@media screen and (max-width:767px){.earfun-introduction .el-dialog__wrapper .banner-dialog{width:90%}.earfun-introduction .el-dialog__wrapper .banner-dialog iframe{width:100%!important;height:53vw!important}}.earfun-introduction .navigation-container{background-color:#fff;transition:all .3s ease-in-out;width:100%;padding-bottom:.5rem;z-index:3;position:sticky;top:4rem}.earfun-introduction .navigation-container>ul{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2rem}.earfun-introduction .navigation-container>ul>li{font-size:1.25rem;cursor:pointer;padding:.5rem 0}.earfun-introduction .navigation-container>ul .active{border-bottom:3px solid #ffc90d}.earfun-introduction .navigation-container.curr{background-color:#fcfcfc;box-shadow:0 2px 5px hsla(0,0%,80%,.3)}.earfun-introduction .story-container{width:100%;margin:0 auto;background-color:#f5f5f5}.earfun-introduction .story-container .story-list{max-width:1200px;width:100%;margin:0 auto;padding:3rem 1rem;display:flex;flex-wrap:wrap}.earfun-introduction .story-container .story-list .story-item{display:flex;padding:2.5rem 0}.earfun-introduction .story-container .story-list .story-item .left{width:43%}.earfun-introduction .story-container .story-list .story-item .right{width:57%}.earfun-introduction .story-container .story-list .story-item .have-no-image{display:flex}.earfun-introduction .story-container .story-list .story-item .have-no-image .title{font-size:2.5rem}.earfun-introduction .story-container .story-list .story-item .have-no-image .content{width:76%;margin-left:24%;font-size:1.25rem;line-height:1.65rem;color:#646464}.earfun-introduction .story-container .story-list .story-item .img>img{width:100%;height:auto}.earfun-introduction .story-container .story-list .story-content .left{display:flex;flex-direction:column;justify-content:center}.earfun-introduction .story-container .story-list .story-content .title{font-size:2.25rem}.earfun-introduction .story-container .story-list .story-content .content{font-size:1.25rem;line-height:1.65rem;color:#646464;padding-top:2rem}.earfun-introduction .story-container .story-list .story-content:nth-child(2n-1){flex-direction:row-reverse}.earfun-introduction .story-container .story-list .story-content:nth-child(2n-1) .content,.earfun-introduction .story-container .story-list .story-content:nth-child(2n-1) .title{margin-left:20%}.earfun-introduction .story-container .story-list .story-content:nth-child(2n) .content,.earfun-introduction .story-container .story-list .story-content:nth-child(2n) .title{width:80%}.earfun-introduction .brand-values-container{background-color:#fff;width:100%}.earfun-introduction .brand-values-container .brand-values{max-width:1200px;margin:0 auto;padding:3rem 0 1rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item{border-bottom:1px solid #dcdcdc}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option{display:flex;flex-direction:column;padding:2rem 3rem 1rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .option-title{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;cursor:pointer}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .option-title .title{font-size:2rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .option-title .icon{display:block;width:1.25rem;height:1.25rem;font-size:1.25rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .option-title .icon-arrow-right{transform:rotate(90deg)}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .fade-enter-active,.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .fade-leave-active{transition:opacity .25s}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .fade-enter,.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .fade-leave-to{opacity:0}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .content{font-size:1.125rem;line-height:1.5rem;color:#707070;padding-top:2rem;transition:opacity .25s}.earfun-introduction .milestones-container{margin:2rem 0;width:100%}.earfun-introduction .milestones-container .milestones-title{width:80%;margin-left:20%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;padding:1% 1% 1% 2%}.earfun-introduction .milestones-container .milestones-title>h3{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.75rem;margin-top:5rem}.earfun-introduction .milestones-container .milestones-title>div{font-size:20rem;font-weight:700;color:#f7f7f7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0!important;padding:0!important}.earfun-introduction .milestones-container .milestones{max-width:1200px;margin:0 auto}.earfun-introduction .milestones-container .milestones .milestones-list{width:100%;overflow:hidden;position:relative;display:flex;justify-content:space-between;align-items:center}.earfun-introduction .milestones-container .milestones .milestones-item{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1% 8%}.earfun-introduction .milestones-container .milestones .milestones-item .img{z-index:2;width:50%}.earfun-introduction .milestones-container .milestones .milestones-item .img>img{width:100%;height:auto;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event{width:50%;padding:0 2rem}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .date{color:#5c5c5c;font-size:1.5rem;transition-duration:1.6s}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .title{font-size:2rem;padding:1.5rem 0 3rem;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .content{font-size:1.125rem;line-height:1.5rem;color:#707070;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .prev .img>img{transform:translate3d(-180%,0,0)}.earfun-introduction .milestones-container .milestones .prev .date{transform:translate3d(-60%,0,0)}.earfun-introduction .milestones-container .milestones .prev .title{transform:translate3d(-90%,0,0)}.earfun-introduction .milestones-container .milestones .prev .content{transform:translate3d(-120%,0,0)}.earfun-introduction .milestones-container .milestones .current{transform:translateZ(0)}.earfun-introduction .milestones-container .milestones .current .img>img{transform:translateZ(0)}.earfun-introduction .milestones-container .milestones .current .content,.earfun-introduction .milestones-container .milestones .current .date,.earfun-introduction .milestones-container .milestones .current .title{transform:translateZ(0)}.earfun-introduction .milestones-container .milestones .next .img>img{transform:translate3d(180%,0,0)}.earfun-introduction .milestones-container .milestones .next .date{transform:translate3d(60%,0,0)}.earfun-introduction .milestones-container .milestones .next .title{transform:translate3d(90%,0,0)}.earfun-introduction .milestones-container .milestones .next .content{transform:translate3d(120%,0,0)}.earfun-introduction .milestones-container .milestones .milestone-arrow-item{position:absolute;font-size:1.5rem;padding:.5rem;z-index:3;cursor:pointer;transition:all .3s ease-in-out;color:#515151;border-radius:50%;background-color:#f5f5f5}.earfun-introduction .milestones-container .milestones .milestone-arrow-item:hover{background-color:#000010;color:#fff}.earfun-introduction .milestones-container .milestones .milestone-arrow-item-right{right:2%}.earfun-introduction .milestones-container .milestones .milestone-arrow-item-left{left:2%}.earfun-introduction .milestones-container .milestones .milestone-pagination{position:relative;text-align:center;padding:1rem;color:#5c5c5c;font-size:1.25rem;z-index:2}.earfun-introduction .milestones-container .milestones .milestone-pagination .swiper-pagination-current{font-weight:700;color:#000010}.earfun-introduction .milestones-container .milestones-event-years{max-width:1200px;margin:0 auto}.earfun-introduction .milestones-container .milestones-event-years .event-years{padding:0 2rem;border-top:1px solid #dcdcdc;display:flex;flex-direction:row;justify-content:space-between;width:100%;overflow-x:auto;white-space:nowrap}.earfun-introduction .milestones-container .milestones-event-years .event-years .event-year-item{padding:1rem .5rem;font-size:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#5c5c5c;border-top:2px solid transparent}.earfun-introduction .milestones-container .milestones-event-years .event-years .event-year-item.current{border-color:#ffc90d;font-weight:700;color:#000010}@media screen and (max-width:1200px){.earfun-introduction .story-container .story-list .story-content .title{font-size:2rem}.earfun-introduction .story-container .story-list .story-content .content{font-size:1rem}.earfun-introduction .milestones-container .milestones-title{width:90%;margin-left:10%}.earfun-introduction .milestones-container .milestones-title>div{font-size:16rem}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .date{font-size:1.15rem}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .title{font-size:1.5rem;padding:1.25rem 0}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .content{font-size:1rem}}@media screen and (max-width:767px){.earfun-introduction .banner-container .banner-list .banner-item .banner-item-con{width:45vw;left:10%}.earfun-introduction .banner-container .banner-list .banner-item .banner-item-con>h2{font-size:1.75rem}.earfun-introduction .banner-container .banner-list .banner-item .banner-item-con>p{font-size:1rem;margin-top:1.25rem;color:#202020;line-height:1.2}.earfun-introduction .banner-container .banner-list .banner-item .story-item-con{top:75%;left:5%;width:90%}.earfun-introduction .banner-container .banner-list .banner-item .story-item-con>h2{font-size:1.25rem;color:#fff}.earfun-introduction .banner-container .banner-list .banner-item .story-item-con>p{font-size:1rem;margin-top:1rem}.earfun-introduction .story-container{background-color:#f5f5f5;padding-bottom:3rem}.earfun-introduction .story-container .story-list{padding:0}.earfun-introduction .story-container .story-list .story-item{display:flex;flex-direction:column}.earfun-introduction .story-container .story-list .story-item .left,.earfun-introduction .story-container .story-list .story-item .right{width:100%}.earfun-introduction .story-container .story-list .story-item .have-no-image{padding:2rem 1.5rem 0;justify-content:center}.earfun-introduction .story-container .story-list .story-item .have-no-image .title{text-align:center}.earfun-introduction .story-container .story-list .story-item .have-no-image .content{text-align:center;margin-left:0;width:100%;color:#767676}.earfun-introduction .story-container .story-list .story-content .left{padding:0 1.5rem}.earfun-introduction .story-container .story-list .story-content .title{font-size:2rem;text-align:center}.earfun-introduction .story-container .story-list .story-content .content{text-align:center;padding-bottom:2.5rem;font-size:1.125rem}.earfun-introduction .story-container .story-list .story-content:nth-child(2n-1){flex-direction:column}.earfun-introduction .story-container .story-list .story-content:nth-child(2n-1) .content,.earfun-introduction .story-container .story-list .story-content:nth-child(2n-1) .title{text-align:center;width:100%;margin-left:0}.earfun-introduction .story-container .story-list .story-content:nth-child(2n) .content,.earfun-introduction .story-container .story-list .story-content:nth-child(2n) .title{text-align:center;width:100%;margin-right:0}.earfun-introduction .brand-values-container .brand-values{padding:2rem 0 1rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option{padding:1rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .option-title .title{font-size:1.35rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .option-title .icon{display:block;width:1.1rem;height:1.1rem;font-size:1.1rem}.earfun-introduction .brand-values-container .brand-values .brand-values-item .brand-values-option .content{font-size:1.05rem;line-height:1.5rem;color:#737373;padding:1.75rem 0 1rem}.earfun-introduction .milestones-container{margin:2rem 0 6rem}.earfun-introduction .milestones-container .milestones-event-years-m .event-years{padding:0 2rem;border-bottom:1px solid #dcdcdc;display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0 auto;overflow-x:auto}.earfun-introduction .milestones-container .milestones-event-years-m .event-years::-webkit-scrollbar{display:none;width:0;height:0}.earfun-introduction .milestones-container .milestones-event-years-m .event-years .event-year-item{padding:1rem .5rem;font-size:1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#5c5c5c;border-bottom:3px solid transparent}.earfun-introduction .milestones-container .milestones-event-years-m .event-years .event-year-item.current{border-color:#ffc90d;font-weight:700;color:#000010}.earfun-introduction .milestones-container .milestones-title{width:100%;margin-left:0;display:flex;justify-content:center;padding:2rem 1rem}.earfun-introduction .milestones-container .milestones-title>h3{margin-top:0;padding:0}.earfun-introduction .milestones-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;position:relative}.earfun-introduction .milestones-container .pagination .milestone-arrow-item{position:absolute;font-size:1.3rem;padding:5px;z-index:2;cursor:pointer;transition:all .3s ease-in-out;color:#515151}.earfun-introduction .milestones-container .pagination .milestone-arrow-item:hover{background-color:#000010;color:#fff}.earfun-introduction .milestones-container .pagination .swiper-container-horizontal>.swiper-pagination-bullets,.earfun-introduction .milestones-container .pagination .swiper-pagination-custom,.earfun-introduction .milestones-container .pagination .swiper-pagination-fraction{left:unset;bottom:unset;width:unset}.earfun-introduction .milestones-container .pagination .milestone-pagination{position:absolute!important;left:46%;text-align:center;color:#7f7f7f;font-size:1.25rem;z-index:1}.earfun-introduction .milestones-container .pagination .milestone-pagination .swiper-pagination-current{color:#000}.earfun-introduction .milestones-container .pagination .milestone-arrow-item-right{right:3%}.earfun-introduction .milestones-container .pagination .milestone-arrow-item-left{left:3%}.earfun-introduction .milestones-container .milestones{padding:1rem 5%}.earfun-introduction .milestones-container .milestones .milestones-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.earfun-introduction .milestones-container .milestones .milestones-item .img{width:100%;font-size:0}.earfun-introduction .milestones-container .milestones .milestones-item .img>img{width:100%;height:auto;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event{padding:0;width:100%}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .date{color:#5c5c5c;font-size:1.125rem;padding-top:1rem;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .title{font-size:1.5rem;padding:.5rem 0;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .milestones-item .milestone-event .content{font-size:1rem;line-height:1.5rem;color:#707070;transition-duration:1.5s}.earfun-introduction .milestones-container .milestones .prev .img>img{transform:translate3d(-180%,0,0)}.earfun-introduction .milestones-container .milestones .prev .date{transform:translate3d(-100%,0,0)}.earfun-introduction .milestones-container .milestones .prev .title{transform:translate3d(-120%,0,0)}.earfun-introduction .milestones-container .milestones .prev .content{transform:translate3d(-180%,0,0)}.earfun-introduction .milestones-container .milestones .current{transform:translateZ(0)}.earfun-introduction .milestones-container .milestones .current .img>img{transform:translateZ(0)}.earfun-introduction .milestones-container .milestones .current .content,.earfun-introduction .milestones-container .milestones .current .date,.earfun-introduction .milestones-container .milestones .current .title{transform:translateZ(0)}.earfun-introduction .milestones-container .milestones .next .img>img{transform:translate3d(180%,0,0)}.earfun-introduction .milestones-container .milestones .next .date{transform:translate3d(100%,0,0)}.earfun-introduction .milestones-container .milestones .next .title{transform:translate3d(120%,0,0)}.earfun-introduction .milestones-container .milestones .next .content{transform:translate3d(180%,0,0)}}