@media(min-width:1200px)and (max-width:1366px){html{font-size:70px}}@media(min-width:1430px)and (max-width:1910px){html{font-size:75px}}@media(min-width:1910px){html{font-size:100px}}.page{width:100vw;overflow:hidden}.c_exteriorColor{position:relative;width:100%;overflow:hidden;background:none}.c_exteriorColor.black{background:#141413;color:#fff}.c_exteriorColor.white{background:#fff}.c_exteriorColor_main{transform:translateY(80%);width:100%;height:100vh;overflow:hidden}.c_exteriorColor_page{position:absolute;top:0;width:100%;height:100vh;z-index:1;overflow:hidden}.c_exteriorColor_page.before{transform:translateY(-100%)}.c_exteriorColor_page.after{transform:translateY(100%)}.c_exteriorColor_page.oldBeforeActive{transform:translateY(-100%);transition:transform 0s cubic-bezier(.39,.58,.57,1) .6s}.c_exteriorColor_page.oldAfterActive{transform:translateY(100%);transition:transform 0s cubic-bezier(.39,.58,.57,1) .6s}.c_exteriorColor_page.active{transform:translateY(0);transition:transform .6s cubic-bezier(.39,.58,.57,1)}.c_exteriorColor_page.active .c_exteriorColor_right__title{top:40vh;opacity:1;transition:top .8s .7s,opacity .8s .7s}.c_exteriorColor_page.active .c_exteriorColor_right__subTitle{top:45vh;opacity:1;transition:top .8s .7s,opacity .8s .7s}.c_exteriorColor_page.active .c_exteriorColor_right__tip{bottom:10vh;opacity:1;transition:bottom .8s .7s,opacity .8s .7s}.c_exteriorColor_page.activeHide{transform:translateY(0);transition:none}.c_exteriorColor_page.activeHide .c_exteriorColor_right__title{top:40vh;opacity:1}.c_exteriorColor_page.activeHide .c_exteriorColor_right__subTitle{top:45vh;opacity:1}.c_exteriorColor_page.activeHide .c_exteriorColor_right__tip{bottom:10vh;opacity:1}.c_exteriorColor_page:first-child .c_exteriorColor_left__imageBg{top:20%;height:60%;opacity:1}.c_exteriorColor_page:first-child .c_exteriorColor_right__title{top:45vh;opacity:0}.c_exteriorColor_page:first-child .c_exteriorColor_right__subTitle{top:55vh;opacity:0}.c_exteriorColor_page:first-child .c_exteriorColor_right__tip{bottom:-10vh;opacity:0}.c_exteriorColor_page:first-child[firstActive=true]{transform:translateY(0);transition:transform .6s cubic-bezier(.39,.58,.57,1)}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__title{top:40vh;opacity:1;transition:top 1s .6s,opacity 1s .6s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__subTitle{top:45vh;opacity:1;transition:top 1s .6s,opacity 1s .6s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__tip{bottom:10vh;opacity:1;transition:bottom 1s .6s,opacity 1s .6s}.c_exteriorColor_left{position:absolute;top:0;left:0;width:50%;height:100%;opacity:1;scale:1;overflow:hidden}.c_exteriorColor_left__image,.c_exteriorColor_left_main{width:100%;height:100%}.c_exteriorColor_left__image img{object-fit:cover;width:100%;height:100%}.c_exteriorColor_left__imageBg{position:absolute;top:30%;left:45%;right:45%;z-index:1;height:40%;width:10%;opacity:.3}.c_exteriorColor_left__imageBg img{object-fit:cover;width:100%;height:100%}.c_exteriorColor_left__car{position:absolute;top:55%;right:0;z-index:1;width:74%;transform:translateY(-50%)}.c_exteriorColor_left__car img{width:100%}.c_exteriorColor_right{position:absolute;top:0;right:0;width:50%;height:100%}.c_exteriorColor_right_content{position:relative;width:10px;height:100%;margin:0 auto;color:#fff}.c_exteriorColor_right__image{width:100%;height:100%}.c_exteriorColor_right__image img{object-fit:cover;width:100%;height:100%}.c_exteriorColor_right__title{top:45vh;font-size:32px;font-family:FOR smart Sans Regular}.c_exteriorColor_right__subTitle,.c_exteriorColor_right__title{position:absolute;left:0;width:100%;text-align:center;z-index:1;opacity:0}.c_exteriorColor_right__subTitle{top:55vh;font-size:72px;font-family:FOR smart Sans Regular,Tsanger YunHei W04}.c_exteriorColor_right__tip{position:absolute;left:50%;bottom:-10vh;z-index:1;width:40vw;transform:translateX(-50%);opacity:.8;font-size:16px;opacity:0;text-align:center}.c_exteriorColor_pagination{position:absolute;z-index:3;top:0;left:50px;display:flex;align-items:flex-end;height:100vh;padding-bottom:15vh;font-family:FOR smart Sans Regular,Tsanger YunHei W03}.c_exteriorColor_pagination ul{overflow:hidden}.c_exteriorColor_pagination ul li{padding:8px 0;width:24px;height:24px;border-radius:100%;box-sizing:content-box;cursor:pointer;transform:scale(0);transition:all .3s}.c_exteriorColor_pagination ul li.active img{border:3px solid #fff;border-radius:100%}.c_exteriorColor_pagination ul li img{width:18px;height:18px;box-sizing:content-box;border:3px solid transparent;border-radius:100%}.c_exteriorColor_pagination ul[show=true] li:first-child{transform:scale(1);transition-delay:calc(.07*1s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(2){transform:scale(1);transition-delay:calc(.07*2s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(3){transform:scale(1);transition-delay:calc(.07*3s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(4){transform:scale(1);transition-delay:calc(.07*4s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(5){transform:scale(1);transition-delay:calc(.07*5s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(6){transform:scale(1);transition-delay:calc(.07*6s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(7){transform:scale(1);transition-delay:calc(.07*7s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(8){transform:scale(1);transition-delay:calc(.07*8s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(9){transform:scale(1);transition-delay:calc(.07*9s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(10){transform:scale(1);transition-delay:calc(.07*10s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(11){transform:scale(1);transition-delay:calc(.07*11s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(12){transform:scale(1);transition-delay:calc(.07*12s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(13){transform:scale(1);transition-delay:calc(.07*13s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(14){transform:scale(1);transition-delay:calc(.07*14s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(15){transform:scale(1);transition-delay:calc(.07*15s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(16){transform:scale(1);transition-delay:calc(.07*16s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(17){transform:scale(1);transition-delay:calc(.07*17s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(18){transform:scale(1);transition-delay:calc(.07*18s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(19){transform:scale(1);transition-delay:calc(.07*19s)}.c_exteriorColor_pagination ul[show=true] li:nth-child(20){transform:scale(1);transition-delay:calc(.07*20s)}.c_exteriorColor_pagination_image{width:auto}.c_exteriorColor_pagination_btn{opacity:0;position:absolute;width:100vw;left:3px;bottom:calc(15vh - 40px);transition:all .3s;overflow:hidden;color:#fff;font-size:16px;cursor:pointer;font-family:FOR smart Sans Regular,Tsanger YunHei W03}.c_exteriorColor_pagination_btn .text{display:inline-block}.c_exteriorColor_pagination_icon{height:13px;margin-right:15px;vertical-align:2px}.c_exteriorColor_pagination_tip{position:absolute;left:0;bottom:5vh;width:100vw;transition:all .3s;opacity:0;font-size:14px;line-height:130%;color:silver}@media screen and (max-width:677px){.c_exteriorColor.black{background:none}.c_exteriorColor_main{transform:none}.c_exteriorColor_page.before{transform:translateY(-100%);transition:none}.c_exteriorColor_page.after{transform:translateY(100%);transition:none}.c_exteriorColor_page.oldBeforeActive{transform:translateY(-100%);transition:none}.c_exteriorColor_page.oldAfterActive{transform:translateY(100%);transition:none}.c_exteriorColor_page.active,.c_exteriorColor_page.activeHide{transform:translateY(0);transition:none}.c_exteriorColor_page.active .c_exteriorColor_left,.c_exteriorColor_page.activeHide .c_exteriorColor_left{height:50vh;transition:all .7s}.c_exteriorColor_page.active .c_exteriorColor_left__imageBg,.c_exteriorColor_page.activeHide .c_exteriorColor_left__imageBg{top:20%;height:60%;transition:all 1s .2s}.c_exteriorColor_page.active .c_exteriorColor_right__image,.c_exteriorColor_page.activeHide .c_exteriorColor_right__image{height:50vh;transition:all .7s}.c_exteriorColor_page.active .c_exteriorColor_right__title,.c_exteriorColor_page.activeHide .c_exteriorColor_right__title{top:28%;opacity:1;transition:top .6s .7s,opacity .6s .7s}.c_exteriorColor_page.active .c_exteriorColor_right__subTitle,.c_exteriorColor_page.activeHide .c_exteriorColor_right__subTitle{top:36%;opacity:1;transition:top .6s .7s,opacity .6s .7s}.c_exteriorColor_page.active .c_exteriorColor_right__tip,.c_exteriorColor_page.activeHide .c_exteriorColor_right__tip{top:53%;opacity:1;transition:top .6s .7s,bottom .6s .7s,opacity .6s .6s}.c_exteriorColor_page.activeBefore .c_exteriorColor_left,.c_exteriorColor_page.activeBefore .c_exteriorColor_left_main,.c_exteriorColor_page.activeBefore .c_exteriorColor_right__image{top:0;bottom:auto;transition:top 0s,bottom 0s,height .7s}.c_exteriorColor_page .c_exteriorColor_left{height:0}.c_exteriorColor_page .c_exteriorColor_right{height:50vh}.c_exteriorColor_page:first-child .c_exteriorColor_left__imageBg{height:60%;top:20%;opacity:1;transition:none}.c_exteriorColor_page:first-child .c_exteriorColor_left{top:0;bottom:auto;height:0;transition:none}.c_exteriorColor_page:first-child .c_exteriorColor_left_main{height:100%;top:0;bottom:auto;transition:none}.c_exteriorColor_page:first-child .c_exteriorColor_left__imageBg{width:10px}.c_exteriorColor_page:first-child .c_exteriorColor_left__car{height:10%}.c_exteriorColor_page:first-child .c_exteriorColor_right{height:0}.c_exteriorColor_page:first-child .c_exteriorColor_right__title{opacity:0;top:calc(28% + 20px)}.c_exteriorColor_page:first-child .c_exteriorColor_right__subTitle{opacity:0;top:calc(36% + 20px)}.c_exteriorColor_page:first-child .c_exteriorColor_right__tip{opacity:0;top:calc(53% + 20px)}.c_exteriorColor_page:first-child .c_exteriorColor_right__image{position:static;height:100%}.c_exteriorColor_page:first-child .c_exteriorColor_right__image img{position:static}.c_exteriorColor_page:first-child[firstActive=true]{transition:none}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_left{height:50vh;transition:all .7s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_left__imageBg{top:20%;height:60%;transition:all 1s .2s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__image{height:50vh;transition:all .7s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__title{top:28%;opacity:1;transition:top .8s .7s,opacity .8s .7s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__subTitle{top:36%;opacity:1;transition:top .8s .7s,opacity .8s .7s}.c_exteriorColor_page:first-child[firstActive=true] .c_exteriorColor_right__tip{top:53%;opacity:1;transition:top .8s .8s,bottom .8s .8s,opacity .8s .8s}.c_exteriorColor_page:first-child[firstActive=false] .c_exteriorColor_right__subTitle,.c_exteriorColor_page:first-child[firstActive=false] .c_exteriorColor_right__tip,.c_exteriorColor_page:first-child[firstActive=false] .c_exteriorColor_right__title{transition:none}.c_exteriorColor_left{top:auto;bottom:50vh;width:100%;height:0}.c_exteriorColor_left_main{position:absolute;top:auto;bottom:0;width:100vw;height:50vh}.c_exteriorColor_left__imageBg{height:40%;width:40%;top:30%;left:50%;transform:translateX(-50%);opacity:1}.c_exteriorColor_left__car{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:40%;text-align:center}.c_exteriorColor_left__car img{width:auto;height:100%}.c_exteriorColor_right{top:auto;bottom:0;width:100%;height:50vh;overflow:hidden}.c_exteriorColor_right_content{width:100%}.c_exteriorColor_right__title{top:calc(28% + 20px);font-size:16px;opacity:0}.c_exteriorColor_right__subTitle{top:calc(36% + 20px);font-size:32px;opacity:0}.c_exteriorColor_right__tip{top:calc(53% + 20px);width:60%;text-align:center;opacity:0;font-size:14px}.c_exteriorColor_right__image{position:absolute;bottom:0;height:0;overflow:hidden}.c_exteriorColor_right__image img{position:absolute;bottom:0;width:100%;height:50vh}.c_exteriorColor_pagination{position:absolute;left:0;top:auto;opacity:0;bottom:0;display:flex;flex-wrap:wrap;align-content:flex-end;justify-content:center;padding-bottom:3vh;box-sizing:content-box;text-align:center;width:100vw}.c_exteriorColor_pagination_box{width:100vw;position:absolute;left:0;display:flex;height:21px;margin-bottom:8vh}.c_exteriorColor_pagination_box_main{position:absolute;left:0;width:100vw;height:24px;overflow:hidden}.c_exteriorColor_pagination_box ul{display:flex;height:40px;width:0;margin:0 auto;transition:all .3s}.c_exteriorColor_pagination_box ul li{padding:0;margin:0 15px}.c_exteriorColor_pagination_box ul li.active img{border:3px solid #fff;border-radius:100%}.c_exteriorColor_pagination_box ul li img{width:15px;height:15px;box-sizing:content-box;border:3px solid transparent;border-radius:100%}.c_exteriorColor_pagination_btn{position:absolute;bottom:7vh;display:flex;align-items:center;justify-content:center;font-size:14px}.c_exteriorColor_pagination_icon{order:2;transform:rotate(270deg);margin-left:7px;margin-right:0}.c_exteriorColor_pagination_tip{position:absolute;left:0;bottom:2.5vh;width:100%;text-align:center;font-size:12px;line-height:16px;color:silver}}