.indexCateMoreBtn{max-width:155px;background:#fff;font-size:14px;font-weight:600;color:rgba(0,0,0,.6);text-align:center;line-height:2.5;border:1px solid rgba(0,0,0,.6);border-radius:5px;display:inline-block;box-shadow:0 2px 5px rgba(0,0,0,.1)}main{max-width:none}.popWindowForIndex,.popWindowForQuest{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;font-size:16px}.popWindowForIndex.on,.popWindowForQuest.on{z-index:102;display:flex;flex-direction:column;justify-content:center;align-items:center}.popWindowForIndex.on~.maskdiv,.popWindowForQuest.on~.maskdiv{display:block;position:fixed;top:0;left:0;z-index:101;background:rgba(0,0,0,.5)}.popWindowForIndex .stepForLife,.popWindowForQuest .stepForLife{display:none}.popWindowForIndex .stepForLife.on,.popWindowForQuest .stepForLife.on{display:inline-block}.popWindowForIndex .button--nina,.popWindowForQuest .button--nina{padding:1em 1.8em;font-size:16px;text-align:center;cursor:pointer}.popWindowForIndex .caseImg,.popWindowForQuest .caseImg{margin:0 auto;width:calc(100% - 30px);max-width:450px}.bannernCarousel{width:100%;padding-bottom:30px}@media only screen and (min-width:1200px){.bannernCarousel{max-width:1200px;margin:0 auto}}.bannernCarousel .carouselDots{right:50%;bottom:0;transform:translateX(50%)}.bannernCarousel .carouselDots .eachDot{width:24px}.bannernCarousel input[type=radio]{color:#fff}.bannernCarousel input[type=radio]#banner_carousel_part1:checked~.carouselDots #bnDot_1,.bannernCarousel input[type=radio]#banner_carousel_part2:checked~.carouselDots #bnDot_2,.bannernCarousel input[type=radio]#banner_carousel_part3:checked~.carouselDots #bnDot_3{background:#ff4a62}.bannerContent{width:100%;margin:0 auto;background:#e7e8ea}.bannerContent .bnMainText{line-height:1}.bannerContent .bnSubText{line-height:2}.bnEditorInfo,.bnMainInfo{width:100%;max-width:950px;margin:0 auto;padding:0 10px}.bnMainInfo{background-position:top;background-repeat:no-repeat;background-size:75% auto;text-align:center;padding:50vw 0 60px}.bnMainInfo .searchInput{max-width:400px;margin:0 auto}.bnEditorInfo{max-width:1200px;font-size:14px;color:rgba(0,0,0,.6);text-align:right;position:absolute;right:10px;bottom:20px}.bnEditorInfo .stars{display:none}.bnMainText{font-size:24px;font-weight:600}.bnSubText{font-size:18px;line-height:2}.bnMainBtn a{background:#e1264a;max-width:155px;line-height:2.5;border:2px solid #e1264a;border-radius:5px;font-size:14px;font-weight:600;display:inline-block;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:.2s;width:36%;color:#fff}.bannerSingle,.bnMainBtn a{text-align:center;cursor:pointer}.bannerSingle{width:100%;border-radius:16px;overflow:hidden}.bannerSingle .bannerImg,.bannerSingle .bnMainInfo,.bannerSingle video{width:100%;display:inline-block;vertical-align:middle}.bannerSingle .bannerImg{position:relative}@media only screen and (min-width:1200px){.bannerSingle .bannerImg{border-radius:8px}}.bannerSingle .bannerImg img{width:110%;vertical-align:bottom}.bannerSingle video{width:75%}.bannerSingle .bnMainInfo{color:#fff;padding:40px 0 20px}.bannerSingle .bnMainInfo .hotKeyWords a{color:hsla(0,0%,100%,.6)}.indexCategory{text-align:center;overflow:visible;max-width:1200px;position:relative;z-index:1;padding:0 19px;margin:-60px auto 28px}@media only screen and (min-width:375px){.indexCategory{padding:0 20px}}@media only screen and (min-width:768px){.indexCategory{margin-top:-126px}}@media only screen and (min-width:1200px){.indexCategory{margin-top:-145px;border-radius:12px;padding:0;background:#fff;box-shadow:0 4px 20px 0 rgba(94,143,236,.25);margin-bottom:52px}}.indexCategory .entranceContent{background:url(../img/pages/index/HomePage_Landing-1.png) no-repeat 50%;background-size:cover;padding:12px;border-radius:12px;margin-bottom:16px}@media only screen and (min-width:768px){.indexCategory .entranceContent{display:flex;align-items:center;background:url(../img/pages/index/HomePage_Landing.png) no-repeat 50%;background-size:cover;justify-content:space-between}}@media only screen and (min-width:1200px){.indexCategory .entranceContent{border-radius:12px 12px 0 0;margin:0;padding:20px}}.indexCategory .entranceContent .totalBox{color:#fff;padding:12px 0}@media only screen and (min-width:768px){.indexCategory .entranceContent .totalBox{text-align:left;padding:12px 28px}}.indexCategory .entranceContent .totalBox .title{font-size:14px}@media only screen and (min-width:1200px){.indexCategory .entranceContent .totalBox .title{font-size:16px}}.indexCategory .entranceContent .totalBox .text{font-size:40px;font-weight:600;-webkit-animation:count-up 2s ease-in-out forwards;animation:count-up 2s ease-in-out forwards}@-webkit-keyframes count-up{to{transform:translateY(0);opacity:1;counter-increment:count var(--targetValue)}}@keyframes count-up{to{transform:translateY(0);opacity:1;counter-increment:count var(--targetValue)}}@media only screen and (min-width:768px){.indexCategory .entranceContent .totalBox .text{font-size:40px}}@media only screen and (min-width:1200px){.indexCategory .entranceContent .totalBox .text{font-size:60px}}.indexCategory .entranceContent .totalBox .text .icon{font-size:75%}.indexCategory .entranceContent .entranceBox{display:flex;align-items:stretch;gap:0 12px}@media only screen and (min-width:768px){.indexCategory .entranceContent .entranceBox{gap:0 16px}}.indexCategory .entranceContent .entranceBox .entrance{flex:1;position:relative;padding:12px 12px 50px;border-radius:8px;text-align:left;background:hsla(0,0%,100%,.9)}.indexCategory .entranceContent .entranceBox .entrance:first-of-type{border-radius:10px;background:url(../img/pages/index/img_tasker_BG_M.png) no-repeat 50%;background-size:100% 100%;box-shadow:0 0 20px 0 hsla(0,0%,100%,.5),8px 9px 12px 0 rgba(11,26,45,.43),17px 21px 16px 0 rgba(11,26,45,.25),31px 37px 19px 0 rgba(11,26,45,.07),48px 57px 21px 0 rgba(11,26,45,.01),0 4px 4px 0 rgba(0,0,0,.25)}@media only screen and (min-width:1200px){.indexCategory .entranceContent .entranceBox .entrance:first-of-type{background:url(../img/pages/index/img_tasker_BG_PC.png) no-repeat 50%;background-size:100% 100%}}.indexCategory .entranceContent .entranceBox .entrance:nth-of-type(2){border-radius:10px;background:url(../img/pages/index/img_Boss_BG_M.png) no-repeat 50%;background-size:100% 100%;box-shadow:0 0 20px 0 hsla(0,0%,100%,.5),8px 9px 12px 0 rgba(11,26,45,.43),17px 21px 16px 0 rgba(11,26,45,.25),31px 37px 19px 0 rgba(11,26,45,.07),48px 57px 21px 0 rgba(11,26,45,.01),0 4px 4px 0 rgba(0,0,0,.25)}@media only screen and (min-width:1200px){.indexCategory .entranceContent .entranceBox .entrance:nth-of-type(2){background:url(../img/pages/index/img_Boss_BG_PC.png) no-repeat 50%;background-size:100% 100%}}.indexCategory .entranceContent .entranceBox .entrance:hover{color:#494b4d!important}@media only screen and (min-width:768px){.indexCategory .entranceContent .entranceBox .entrance{padding:12px 12px 70px}}@media only screen and (min-width:1200px){.indexCategory .entranceContent .entranceBox .entrance{width:270px;padding:20px 20px 36px}}.indexCategory .entranceContent .entranceBox .entrance .title{font-size:20px;font-weight:700}@media only screen and (min-width:1200px){.indexCategory .entranceContent .entranceBox .entrance .title{font-size:24px}}.indexCategory .entranceContent .entranceBox .entrance .text{font-size:14px}@media only screen and (min-width:1200px){.indexCategory .entranceContent .entranceBox .entrance .text{font-size:16px}}.indexCategory .entranceContent .entranceBox .entrance img{position:absolute;right:8px;bottom:0;width:80px}@media only screen and (min-width:1200px){.indexCategory .entranceContent .entranceBox .entrance img{width:90px;right:12px}}.indexCateList{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}@media only screen and (min-width:1200px){.indexCateList{padding:20px}}.cateBtn{width:calc(50% - 30px);background:#fff;border-radius:8px;border:1px solid #fce9ed;padding:0 12px}@media only screen and (min-width:768px){.cateBtn{width:calc(25% - 32px)}}@media only screen and (min-width:1200px){.cateBtn{width:calc(33.33333% - 20px);display:flex;align-items:center;padding-left:0}}.cateBtn.ad{background-color:#001a40;border:none;background-image:url(../img/pages/index/img_cateList_BN_M.png);background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;align-items:center;border-radius:8px;overflow:hidden;position:relative}@media only screen and (min-width:768px){.cateBtn.ad{background-image:url(../img/pages/index/cateList_card.png)}}.cateBtn.ad img{position:absolute;z-index:10}.cateBtn.ad .adPc{display:none}@media only screen and (min-width:1200px){.cateBtn.ad .adPc{display:block}}.cateBtn.ad .adPc img.text{left:20px;top:50%;transform:translateY(-50%)}.cateBtn.ad .adPc img.btn{right:0;bottom:0}@media only screen and (min-width:1200px){.cateBtn.ad .adMobile{display:none}}.cateBtn.ad .adMobile img{top:50%;left:50%;transform:translate(-50%,-50%)}.cateBtn.imgver{position:relative;background:#e1264a;overflow:hidden}.cateBtn.imgver .adContent{z-index:2;display:flex;flex-direction:column;align-items:center}.cateBtn.imgver .adBtn{padding:1px 10px;background:#333;color:#fff;font-size:12px;border-radius:100px}.cateBtn.imgver:hover .imgverMask{left:0}.cateBtn .imgverMask{position:absolute;top:0;left:-100%;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.cateBtn .imgverMask:after{content:"\7ACB\5373\8CFC\8CB7";width:80px;padding:4px 16px;background:#333;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#000;border-radius:50px;color:#fff}.cateBtn .adBtn{font-size:12px;padding:1px 20px;border-radius:100px;background:#e1264a;color:#fff}.arrowGif i{width:0;height:0;margin-right:0;border-color:transparent transparent transparent #000;border-style:solid;border-width:4px 0 4px 8px;display:inline-block;-webkit-animation-name:arrow;animation-name:arrow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.arrowGif i:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.arrowGif i:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.cateBtnLeft,.cateBtnRight{display:table-cell}.cateBtnLeft{width:28%;border-radius:5px 0 0 5px;vertical-align:middle;padding:0 8px 0 0}@media only screen and (min-width:1200px){.cateBtnLeft{width:80px;min-width:80px;background:#fce9ed;height:100%;padding:0}}.cateBtnLeft a{display:block}@media only screen and (min-width:1200px){.cateBtnLeft a{display:flex;align-items:center;justify-content:center;height:100%}}.cateBtnLeft a img{width:30px;max-width:42px}.cateBtnRight{font-size:16px;text-align:left;line-height:1.5;padding:12px 0 8px}@media only screen and (min-width:1200px){.cateBtnRight{padding-left:12px;width:100%}}@media only screen and (min-width:1200px){.cateBtnRight h3{display:flex;align-items:center;padding-bottom:4px;justify-content:space-between}}.cateBtnRight .cateTitle{display:block;font-weight:700;font-size:16px;line-height:1}.cateBtnRight .talent{font-size:12px;line-height:1;color:#c2c7cc}.cateBtnRight .talent i{color:#e1264a}.cateBtnRight .boldRed{font-size:14px;margin-right:3px}.cateHint{color:rgba(0,0,0,.6);font-size:14px;display:inline-block}.cateEx{display:none;max-height:68px;overflow:hidden}@media only screen and (min-width:1200px){.cateEx{display:flex;justify-content:space-between;flex-wrap:wrap}}@media only screen and (min-width:1200px){.cateEx .cateHint{width:50%}}.indexCateMoreBtn{width:150px;cursor:pointer;display:none}#indexCateMore{display:none}.adBanner{width:100%;max-width:1200px;background:#000 url(../img/event/200210/bg_stars.png) repeat 50%;background-size:auto 100%;color:#fff;font-size:15px;font-weight:700;text-align:center;padding:10px 0;margin:0 auto;border-radius:5px;cursor:pointer}.adBanner .adBannerBtn,.adBanner span{vertical-align:middle}.adBanner i{color:#ffd33c}.adBanner .adBannerBtn{width:120px;height:42px;background:url(../img/event/200330/btn.png) no-repeat 0 0;background-size:100%;color:#fff;font-size:16px;line-height:2.6;margin-left:10px;display:inline-block}.adBannerImg{margin:0 auto;width:100%;height:auto;border-radius:5px;max-width:640px}.adEventBn{background-color:#c52c4a;color:#fff}.adEventBn .adBannerBtn{padding:5px 20px;border-radius:100px;color:#fff;background:#333;line-height:1;width:auto;height:auto;box-shadow:0 4px 0 #fff}.indexShowcase{margin:0 auto;padding-bottom:60px}.indexShowcase:before{position:absolute;bottom:0;left:0;width:100%;height:240px;z-index:-1;content:"";display:block;background:bottom/cover no-repeat url(../img/banner/index/features/230815/230815_banner_640x480.png)}.indexShowcase input[type=radio]#showcase_1:checked~.carouselDots #showcaseDot_1,.indexShowcase input[type=radio]#showcase_2:checked~.carouselDots #showcaseDot_2,.indexShowcase input[type=radio]#showcase_3:checked~.carouselDots #showcaseDot_3{background:#ff4a62}.indexShowcase .scBn{margin:0 10px 20px;width:calc(100% - 20px);border-radius:5px}.indexShowcase .carouselDots{bottom:20px;left:50%;transform:translateX(-50%);right:auto}.indexShowcase .carouselDots .eachDot{width:24px}.indexShowcase .carouselNext,.indexShowcase .carouselPrevious{top:auto;bottom:10px;width:40px;height:40px}.showcaseContent{display:flex;flex-direction:column;align-items:center;width:calc(100% - 20px);max-width:1200px;margin:0 auto}.showcaseContent .imgPreview>a.lazy,.showcaseContent .imgZoom>a.lazy{display:block;aspect-ratio:4/3;background-position:50%;background-size:cover;background-repeat:no-repeat}.showcaseLeft{width:100%;max-width:520px}.showcaseLeft .imgZoom>a.lazy{border-radius:10px 10px 0 0}.showcaseRight{display:flex;flex-direction:column;justify-content:space-between;padding:16px 8px;width:100%;max-width:520px;white-space:normal;background:#fff;border-radius:0 0 10px 10px;box-sizing:border-box}.showcaseRight .imgPreview{display:none}.showcaseRight .imgPreview>a.lazy{position:relative;max-width:140px;margin-right:8px;width:33.33333%;border-radius:10px}.showcaseRight .imgPreview>a.lazy.on:after,.showcaseRight .imgPreview>a.lazy:hover:after{content:"";position:absolute;display:block;width:100%;height:100%;border-radius:10px;background:hsla(0,0%,100%,.6)}.showcaseRight .caseTag{margin-right:4px;padding:4px 10px;color:#e1264a;background:#fce9ec;border-radius:100px}.showcaseRight .showcaseEditor{margin-top:32px;row-gap:12px}.showcaseRight .showcaseEditor .avatar{margin-right:4px;width:40px;height:40px}.indexPostSteps{text-align:center;margin:60px auto}.indexPostSteps .bnMainBtn{margin-top:20px}.postStepContent{text-align:center;margin:0 auto 60px;position:relative}.postStepContent:before{content:"";width:110px;height:110px;border-radius:110px;background:rgba(225,38,74,.1);display:block;position:absolute;top:-15px;left:calc(50% - 55px)}.postStepContent:last-of-type{margin-bottom:0}.postStepContent img{width:70px;margin:0 auto;display:block;vertical-align:sub}.postStepContent .bnSubText{display:inline-block}.postStepContent .bnSubText span{font-size:16px;color:rgba(0,0,0,.6);display:block}.postStepRight{padding-left:40px;margin-left:40px;border-left:1px solid rgba(0,0,0,.2);display:none}.postLive{text-align:left;margin:40px 0}.postLiveCaseInfo{font-size:16px}.postLiveCaseInfo .linkUnderline{max-width:280px;font-weight:600;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.postLiveCaseInfo .boldRed{float:right;margin-left:20px}.postLiveTag{color:rgba(0,0,0,.6);font-size:14px;padding:3px 5px;margin-right:5px;border:1px solid rgba(0,0,0,.6);border-radius:5px}.postLiveTag.deal{color:#e1264a;border-color:#e1264a}.postLiveCaseStatus{font-size:14px;color:rgba(0,0,0,.6);line-height:3;text-align:left}.postLiveCaseStatus span:last-of-type{float:right}.indexService{margin:60px auto;padding:60px 0;background:rgba(0,0,0,.03)}.indexService input[type=radio]:checked~.serviceContent{top:105px;left:10px}.indexService input[type=radio]#service_1:checked~.carouselDots #serviceDot_1,.indexService input[type=radio]#service_2:checked~.carouselDots #serviceDot_2,.indexService input[type=radio]#service_3:checked~.carouselDots #serviceDot_3{background:#ff4a62}.indexService .serviceContent{display:flex;flex-direction:row;align-items:flex-start;gap:20px 8px;overflow:hidden;white-space:nowrap}.indexService .serviceContent .serviceCard{width:calc(50% - 8px);flex-shrink:0}.indexService .serviceContent .serviceCard .serviceTag{display:none}.indexService .carouselDots{right:50%;transform:translateX(50%);bottom:20px}.indexService .carouselDots .eachDot{width:24px}.indexArticle{margin:60px auto 0}.indexArticleContent{white-space:nowrap;padding:5px 5px 120px}.indexArticleContent .carouselDots{right:50%;transform:translateX(50%)}.indexArticleContent .carouselDots .eachDot{width:24px}.indexArticleContent input[type=radio]:checked+.carouselContent{position:absolute;left:0;z-index:1}.indexArticleContent input[type=radio]#article_1:checked~.carouselDots #articleDot_1,.indexArticleContent input[type=radio]#article_2:checked~.carouselDots #articleDot_2,.indexArticleContent input[type=radio]#article_3:checked~.carouselDots #articleDot_3{background:#ff4a62}.indexPortfolio{background:rgba(0,0,0,.03);margin:0 auto;padding:60px 0;overflow:hidden}.indexPortfolio .bnMainBtn{text-align:center;margin-top:10px}.indexTitle.more .linkUnderline{margin-left:10px;padding-left:3px;border-left:1px solid rgba(0,0,0,.1);top:4px;right:auto;display:none}.indexTitle.more .linkUnderline:before{content:"";width:20px;height:20px;background:url(../img/icon/bulb.svg?20190820) no-repeat 50%;background-size:100%;display:inline-block;vertical-align:sub}.indexArticleContent,.indexPortfolioContent,.indexPostSteps,.serviceContent{width:calc(100% - 20px);max-width:1200px;margin-left:auto;margin-right:auto;overflow:hidden}.indexPortfolioContent{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding-bottom:8px;gap:20px 8px;overflow:hidden}.indexPortfolioContent .portfolioCard{width:calc(50% - 8px);flex-shrink:0}.indexTopArea{position:relative;width:100%;height:440px;background:50%/cover no-repeat url(../img/banner/index/top/img_hero_homepage_375.png);background-size:cover;box-sizing:border-box;display:none}@media only screen and (min-width:768px){.indexTopArea{height:440px;background-image:url(../img/banner/index/top/img_hero_homepage_768.png);background-size:cover;display:block;text-align:center}}@media only screen and (min-width:1200px){.indexTopArea{height:440px;background-image:url(../img/banner/index/top/Hero_HomePage.png);background-size:cover}}@media only screen and (min-width:2500px){.indexTopArea{height:555px;background-image:url(../img/banner/index/top/img_hero_homepage_2560.png);background-size:110%;background-position:bottom left 80%}}.indexTopArea .topAreaContent{position:absolute;top:80px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;width:calc(100% - 40px)}@media only screen and (min-width:768px){.indexTopArea .topAreaContent{top:80px}}@media only screen and (min-width:1200px){.indexTopArea .topAreaContent{top:80px}}@media only screen and (min-width:2500px){.indexTopArea .topAreaContent{top:120px}}.indexTopArea .topAreaContent h3{font-size:24px}@media only screen and (min-width:1200px){.indexTopArea .topAreaContent h3{font-size:32px;text-align:center;margin-bottom:20px}}.indexTopArea .topAreaContent h3 span{font-weight:400}@media only screen and (min-width:1200px){.indexTopArea .topAreaContent h3 span{font-weight:700}}.indexTopArea .searchBar{position:relative}@media only screen and (min-width:1200px){.indexTopArea .searchBar{margin:20px 0 10px}}.indexTopArea .searchBar input[type=search]{width:100%;height:50px;padding:10px 20px;font-size:14px;border:none;border-radius:100px;background:#fff;transition:all .2s linear;box-sizing:border-box;box-shadow:3px 4px 5px rgba(0,0,0,.1)}.indexTopArea .searchBar.on input[type=search]{border-radius:20px 20px 0 0}.indexTopArea .searchBar .searchBarBtn{position:absolute;top:5px;right:5px;width:132px;height:40px;border-radius:100px;color:#fff;font-size:16px;background:#e1264a}.indexTopArea .searchBar .autoCompleteList{position:absolute;top:65px;border-radius:10px;width:100%;background:#fff;border-top:1px solid rgba(0,0,0,.1);min-height:56px;z-index:2}.indexTopArea .searchBar .autoCompleteList .searchOption{padding:10px 0}.indexTopArea .searchBar .autoCompleteList .searchOption:hover{color:#044fa4;text-decoration:underline}.indexTopArea .searchBar .autoCompleteList.openBoxB{display:block}.indexTopArea .kwRow{display:flex;align-items:center;flex-wrap:wrap;margin:16px 0}@media only screen and (min-width:768px){.indexTopArea .kwRow{flex-wrap:nowrap;justify-content:center}}@media only screen and (min-width:1200px){.indexTopArea .kwRow{order:1;margin:0}}.indexTopArea .kwRow .kwRowHot{display:inline-flex;align-items:center;width:100%}@media only screen and (min-width:768px){.indexTopArea .kwRow .kwRowHot{width:auto}}.indexTopArea .kwRow .kwRowHot:before{content:"";display:inline-block;background:url(../img/icon/icon_fire.svg) no-repeat 50%;background-size:contain;width:24px;height:24px}.indexTopArea .kwRow .kwBtn{padding:5px 7px;transition:all .2s ease-in}@media only screen and (min-width:768px){.indexTopArea .kwRow .kwBtn{padding:5px 10px}}.indexTopArea .kwRow .kwBtn:last-child{display:none}@media only screen and (min-width:768px){.indexTopArea .kwRow .kwBtn:last-child{display:block}}.indexTopArea .kwRow .kwBtn:hover{background:rgba(0,0,0,.4);border-radius:100px}@media only screen and (min-width:768px){.indexTopArea .slogan{margin-top:48px;color:#fff;font-size:18px;white-space:nowrap;letter-spacing:2px}}@media only screen and (min-width:1200px){.indexTopArea .slogan{display:none}}.indexTopAreaMobile{width:100%;height:200px;background:url(../img/banner/index/top/Hero_HomePageM.png) no-repeat 50%;background-size:cover;position:relative}@media only screen and (min-width:768px){.indexTopAreaMobile{display:none}}.indexTopAreaMobile .slogan{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:700;white-space:nowrap}.threeWays{margin:40px 0}.threeWays .lightEft{-webkit-animation:redLightEft .8s linear 0s infinite normal;animation:redLightEft .8s linear 0s infinite normal}.stepsToJoinRow{display:flex;flex-direction:column;margin:0 auto;width:calc(100% - 20px)}.eachStep{margin:0 0 20px;display:flex;align-items:center}.eachStep .stepTit{font-weight:700}.eachStep .stepSub{margin-top:10px;color:rgba(0,0,0,.6);font-size:14px}.eachStep .stepSub span{display:block}.eachStep:last-of-type{margin-bottom:0}.eachStep a{display:block}.stepIcon{margin-right:10px;text-align:center;padding:8px;border-radius:100px;background-color:#fce9ec;width:40px;height:40px}.stepIcon .bgRed{height:100%}.stepIcon .bgRed.imgPostCase{content:"";width:100%;background:url(../img/illustrate/post_case.svg) no-repeat;background-size:100%;display:inline-block}.stepIcon .bgRed.imgJoinQuotes{content:"";width:100%;background:url(../img/illustrate/join_quotes.svg) no-repeat;background-size:100%;display:inline-block}.stepIcon .bgRed.imgJoinDeal{content:"";width:100%;background:url(../img/illustrate/join_deal.svg) no-repeat;background-size:100%;display:inline-block}.stepContent{max-width:210px}.forEventLifeBn:before{content:"";position:absolute;top:0;left:0;display:inline-block;background:50%/100% no-repeat url(../img/event/220111/220111_event_640x480_bg.png);width:100%;height:100%}.bottomBarEvt{position:fixed;z-index:3;left:50%;transform:translateX(-50%);bottom:0;max-width:640px;width:100%}.bottomBarEvt .barEvtImg{border-radius:10px 10px 0 0}.bottomBarEvt .closeBarEvt{position:absolute;top:-32px;left:12px;content:"";width:24px;height:24px;background:url(../img/icon/close_circle.svg) no-repeat 50%;background-size:100%;display:inline-block;opacity:.4;cursor:pointer}.bottomBarEvt input[type=checkbox],.bottomBarEvt input[type=checkbox]:checked~.closeBarEvt,.bottomBarEvt input[type=checkbox]:checked~a{display:none}.bottomBar{position:fixed;left:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:10px;width:100%;height:60px;box-sizing:border-box;background:50%/100% no-repeat url(../img/banner/index/220223_case_bn.png);z-index:9}.bottomBar p{color:#fff;width:calc(100% - 120px);text-shadow:0 2px 3px rgba(0,0,0,.4)}.bottomBar .joinBtn{width:100px;height:38px;color:#fff;background:#e1264a;border-radius:5px}@-webkit-keyframes pulse{0%{transform:scale(.9)}70%{transform:scale(1)}to{transform:scale(.9)}}@keyframes pulse{0%{transform:scale(.9)}70%{transform:scale(1)}to{transform:scale(.9)}}@-webkit-keyframes redLightEft{0%{box-shadow:0 0 1px 10px rgba(255,74,98,.3),0 0 1px 18px rgba(255,74,98,.1),0 0 1px 26px rgba(255,74,98,.1)}50%{box-shadow:0 0 1px 5px rgba(255,74,98,.3),0 0 1px 9px rgba(255,74,98,.1),0 0 1px 13px rgba(255,74,98,.1)}to{box-shadow:0 0 1px 10px rgba(255,74,98,.3),0 0 1px 18px rgba(255,74,98,.1),0 0 1px 26px rgba(255,74,98,.1)}}@keyframes redLightEft{0%{box-shadow:0 0 1px 10px rgba(255,74,98,.3),0 0 1px 18px rgba(255,74,98,.1),0 0 1px 26px rgba(255,74,98,.1)}50%{box-shadow:0 0 1px 5px rgba(255,74,98,.3),0 0 1px 9px rgba(255,74,98,.1),0 0 1px 13px rgba(255,74,98,.1)}to{box-shadow:0 0 1px 10px rgba(255,74,98,.3),0 0 1px 18px rgba(255,74,98,.1),0 0 1px 26px rgba(255,74,98,.1)}}@media only screen and (max-width:330px){.cateBtnRight{font-size:16px}.cateBtnRight .boldRed,.cateHint{font-size:12px}}@media only screen and (max-width:370px){.cateBtnRight .boldRed{margin-right:0}.cateBtn.ad .adText{font-size:12px;font-weight:400}}@media only screen and (min-width:420px){.postStepContent{max-width:410px;text-align:left}.postStepContent img{display:inline-block}.postStepContent:before{left:0}}@media only screen and (min-width:520px){.cateBtnLeft,.cateBtnRight{display:inline-block}.cateHint{float:right;margin-top:1px}.cateBtnLeft,.cateBtnRight{display:table-cell}.cateBtn.ad .adText{font-size:14px}.indexArticleContent{padding-bottom:60px}.indexArticleContent input[type=radio]:checked+.carouselContent{position:relative}.indexArticleContent .carouselDots{display:none}.carousel .blogCard.carouselContent{opacity:1;height:auto}.indexTitle.more .linkUnderline{display:inline-block}}@media only screen and (min-width:640px){.indexPortfolioContent{gap:20px 12px}.indexPortfolioContent .portfolioCard{width:calc(33.33333% - 12px)}.indexService .serviceContent{gap:20px 12px}.indexService .serviceContent .serviceCard{width:calc(33.33333% - 12px)}.bnMainInfo{background-position:100% 30px;background-size:auto 300px;text-align:left;padding:100px 20px 120px}.bnMainInfo .searchInput{margin:0}.indexShowcase:before{height:445px;background:bottom/cover url(../img/banner/index/features/230815/230815_banner_1200x575.png)}}@media only screen and (min-width:750px){.indexCategoryMore .cateBtn:nth-child(2n){margin-right:20px}.indexCategoryMore .cateBtn:nth-child(3n){margin-right:0}}@media only screen and (min-width:768px){.showcaseContent{flex-direction:row;align-items:normal;justify-content:center}.showcaseLeft{margin-right:32px}.showcaseLeft .imgZoom>a.lazy{border-radius:10px}.showcaseRight{margin-top:0;width:calc(100% - 300px);background:transparent;padding:0}.showcaseRight .imgPreview{display:flex}.bnMainInfo{background-position:90% 30px}.bannerSingle .bnMainInfo,.bannerSingle video{width:49%;max-width:600px}.adBanner{font-size:24px;padding:20px 0}.adBannerImg{max-width:1200px}.forEventLifeBn:before{background-image:url(../img/event/220111/220111_event_2000x910.png)}.indexTopArea .topAreaContent{width:auto}}@media only screen and (min-width:768px) and (min-width:768px){.indexTopArea .topAreaContent{width:100%}}@media only screen and (min-width:768px){.indexTopArea .topAreaContent .searchBar{width:520px}}@media only screen and (min-width:768px){.indexTopArea .topAreaContent input[type=search]{height:60px;font-size:16px}}@media only screen and (min-width:768px){.indexTopArea .topAreaContent .searchBarBtn{width:160px;height:50px;font-size:16px;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.indexTopArea .topAreaContent .searchBarBtn:hover{-webkit-animation-play-state:paused;animation-play-state:paused}}@media only screen and (min-width:768px){.indexTopArea .topAreaContent .autoCompleteList{width:100%;top:75px}}@media only screen and (min-width:768px){.indexTopArea .kwRow span{display:inline-block;margin:0 8px 0 0}}@media only screen and (min-width:768px){.stepsToJoinRow{flex-direction:row;justify-content:center}}@media only screen and (min-width:768px){.eachStep{flex-direction:column;justify-content:flex-start;margin:0 40px;width:calc(20% - 24px);text-align:center}.eachStep:hover .stepIcon{-webkit-animation:rotateY 2s infinite;animation:rotateY 2s infinite}}@media only screen and (min-width:768px){.stepIcon{margin-right:0;width:80px;height:80px}}@media only screen and (min-width:768px){.bottomBar{display:none}}@media only screen and (min-width:850px){.bnMainInfo{background-position:90% 0;background-size:auto 375px}.postStepContent{max-width:430px;margin-bottom:80px}.cateBtn.ad .adText{margin-bottom:10px;font-size:18px;text-align:center}.cateBtn.ad.imgver .adText{margin-bottom:0}.cateBtn .adBtn{font-size:14px;box-shadow:2px 2px #fff}}@media only screen and (min-width:992px){.bottomBarEvt{max-width:900px}.bnMainInfo .hotKeyWords{margin-left:0}.bnMainBtn a{color:#fff;position:relative}.bnMainBtn a:hover:after{content:"";background:rgba(0,0,0,.2);width:100%;height:100%;border:2px solid transparent;border-radius:5px;position:absolute;top:-1px;left:-1px}.indexCateMoreBtn:hover{border-color:#e1264a}.postStepContent{max-width:none}.postStepLeft,.postStepRight{display:inline-block;vertical-align:middle}.postStepRight{width:425px;height:540px;padding-top:20px;overflow:hidden}.indexPortfolioContent{margin-bottom:40px;gap:20px 16px}.indexPortfolioContent .portfolioCard{width:calc(25% - 16px)}.indexService .serviceContent{gap:20px 16px}.indexService .serviceContent .serviceCard{width:calc(20% - 16px)}.indexArticleContent .blogCard{pointer-events:auto;cursor:pointer}.cateEx .cateHint:hover,.indexTitle.more .redText:hover,.showcaseRight .redText:hover{color:#000}.cateBtnRight .boldBlack:hover,.indexCateMoreBtn:hover,.postLiveCaseInfo .linkUnderline:hover{color:#e1264a}}@media only screen and (min-width:1200px){.showcaseContent{width:100%}.showcaseRight{width:calc(100% - 552px)}.showcaseRight .bnEditorInfo{right:calc(50% - 600px)}.indexShowcase{max-width:1200px}.indexShowcase .scBn{margin:10px auto 20px;width:100%}.indexService input[type=radio]:checked~.serviceContent,.indexShowcase input[type=radio]:checked~.showcaseContent{left:calc(50% - 600px)}.stepsToJoinRow{max-width:1200px}}.joinVipTop2021{max-height:100%}.fixedPop{background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.fixedPop .fixedPopContanier{background:#fff;padding:48px 20px 20px;border-radius:12px;max-width:600px;margin:0 20px;text-align:center;position:relative}@media only screen and (min-width:1200px){.fixedPop .fixedPopContanier{padding:64px 40px 40px}}.fixedPop .fixedPopContanier>img{margin-bottom:28px}.fixedPop .fixedPopContanier .fixedPopTitle{font-size:16px;font-weight:600}@media only screen and (min-width:768px){.fixedPop .fixedPopContanier .fixedPopTitle{font-size:18px}}.fixedPop .fixedPopContanier .fixedPopText{font-size:14px;color:#797c80;margin-top:8px;margin-bottom:28px;text-align:left}@media only screen and (min-width:768px){.fixedPop .fixedPopContanier .fixedPopText{font-size:16px}}.fixedPop .fixedPopContanier .fixedPopBtn{display:block;padding:10px 32px;font-size:14px;font-weight:600;color:#fff;background:#e1264a;border-radius:5px}@media only screen and (min-width:768px){.fixedPop .fixedPopContanier .fixedPopBtn{display:inline-block;padding:14px 32px}}.fixedPop .fixedPopContanier .fixedPopBtn:hover{opacity:.7}.fixedPop .fixedPopContanier .fixedPopCloseBtn{width:48px;height:48px;display:inline-block;background:url(../img/pages/index/close_sec.svg) no-repeat 50%;background-size:24px;position:absolute;right:0;top:0;cursor:pointer}.fixedPop .fixedPopContanier .fixedPopCloseBtn:hover{opacity:.7}.indexBanner{padding-bottom:20px;margin-bottom:50px;max-width:100vw;overflow:hidden}.indexBanner .swiper{width:100vw;overflow:visible}.indexBanner .swiper .swiper-slide{width:calc(100vw - 40px)}@media only screen and (min-width:768px){.indexBanner .swiper .swiper-slide{max-width:1200px}}.indexBanner .swiper .swiper-slide img{border-radius:12px;width:calc(100vw - 40px)}@media only screen and (min-width:768px){.indexBanner .swiper .swiper-slide img{max-width:1200px;width:100%}}.indexBanner .swiper .swiper-pagination{bottom:-20px}.indexBanner .swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indexBanner .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:24px;height:8px;border-radius:8px}.indexBanner .swiper .swiper-pagination-bullet{background:#c3c3c4}.indexBanner .swiper .swiper-pagination-bullet-active{background:#e1264a}