@font-face{font-family:MiSans-Regular;src:url(../fonts/MiSans-Regular.ttf)}
@font-face{font-family:MiSans-Medium;src:url(../fonts/MiSans-Medium.ttf)}
@font-face{font-family:MiSans-Semibold;src:url(../fonts/MiSans-Semibold.ttf)}
@font-face{font-family:MiSans-Bold;src:url(../fonts/MiSans-Bold.ttf)}
@font-face{font-family:MiSans-Demibold;src:url(../fonts/MiSans-Demibold.ttf)}
@font-face{font-family:MiSans-ExtraLight;src:url(../fonts/MiSans-ExtraLight.ttf)}
@font-face{font-family:MiSans-Light;src:url(../fonts/MiSans-Light.ttf)}
html{font-size:100px}
.header-logo{position:fixed;z-index:90;top:.5rem;left:.6rem;height:.3rem;width:2.06rem;mix-blend-mode:difference;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.header-logo svg{display:block;height:100%}
.header-logo:hover{color:#fff}
.header-menu{position:fixed;z-index:90;top:.5rem;right:.6rem;height:.44rem;width:.44rem;mix-blend-mode:difference;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.header-menu svg{display:block;width:100%;height:100%}
.header-menu .menu{display:block}
.header-menu .close{display:none}
.header-menu .menu-forMob{display:none}
.header-menu.open .menu{display:none}
.header-menu.open .menu-forMob{display:none}
.header-menu.open .close{display:block}
.header{position:fixed;top:0;left:0;width:100%;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-ms-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}
.header .logo{display:block;height:.3rem;background:url(https://file.it-simple.cn/unisleep/upload/2024-07-13/1720840832800.gif) no-repeat center center/contain;width:2.06rem;mix-blend-mode:difference;position:fixed;top:0;left:0}
.header .logo img{display:block;height:100%;mix-blend-mode:difference}
.header .logo .active{display:none}
.header .menu{width:.44rem;height:.44rem;cursor:pointer;background:url(../images/menu.svg) no-repeat center center/contain}
.header.white{background:0 0}
.header.white .logo .def{display:none}
.header.white .logo .active{display:block}
.header.white .menu{background-image:url(../images/close.svg)}
.header.o-white{background:0 0}
.header.o-white .logo .def{display:none}
.header.o-white .logo .active{display:block}
.header.o-white .menu{background-image:url(../images/menu-w.svg)}
.header.white.o-white .menu{background-image:url(../images/close.svg)}
.page-menu-wrap.show{opacity:1;pointer-events:auto}
.page-menu-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80;padding:1.4rem .6rem .6rem;background:#000;opacity:0;pointer-events:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}
.page-menu .list{margin-bottom:9vh}
.page-menu .list .item+.item{margin-top:.16rem}
.page-menu .list .item{display:flex}
.page-menu .list .item a{color:rgba(255,255,255,.6);font-size:.5rem;display:flex;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-menu .list .item a span:first-child{flex:0 0 2.24rem;margin-right:.7rem;position:relative}
.page-menu .list .item a span:first-child:after{width:1px;content:'';position:absolute;right:0;top:50%;background:#d9d9d9;height:.5rem;margin-top:-.25rem}
.page-menu .list .item a span{white-space:nowrap}
.page-menu .list .item a:hover{color:#fff}
.page-menu .media-list .item+.item{margin-top:.1rem}
.page-menu .media-list .item a{cursor:default;font-size:.3rem;color:rgba(255,255,255,.6);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-menu .media-list .item a:hover{color:#fff}
body{color:#000;font-family:MiSans-Regular}
.footer{background:#000}
.footer a{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.footer a:hover{color:rgba(255,255,255,.8)}
.footer .fd-bot,.footer .fd-mid,.footer .fd-top{padding:0 .6rem}
.footer .fd-mid{border-top:1px solid #fff;border-bottom:1px solid #fff;padding-top:.7rem;padding-bottom:.7rem}
.footer .fd-mid a{display:block;height:.3rem}
.footer .fd-mid a img{display:block;height:100%}
.footer .fd-top{padding:.6rem;display:flex;align-items:center;justify-content:space-between}
.footer .fd-top .txt{font-size:.32rem;color:#fff}
.footer .fd-bot{padding-top:.6rem;padding-bottom:.7rem;display:flex;justify-content:space-between}
.footer .fd-bot-left{display:flex;flex-direction:column;justify-content:space-between;padding-top:.3rem}
.footer .fd-bot-left .fd-logo{height:1.4rem}
.footer .fd-bot-left .fd-logo img{display:block;height:100%}
.footer .fd-bot-left .copyright,.footer .fd-bot-left .copyright a{font-size:.2rem;color:#fff}
.footer .fd-info{display:flex;flex-wrap:wrap;flex:0 0 7.2rem;color:#fff}
.footer .fd-info a{color:#fff}
.footer .fd-info dl:nth-child(1),.footer .fd-info dl:nth-child(2){margin-bottom:.6rem}
.footer .fd-info dl{flex:0 0 50%}
.footer .fd-info dl dt{color:#727171;font-size:.2rem;font-weight:400;margin-bottom:.2rem}
.footer .fd-info dl dd{font-size:.2rem;line-height:1.2}
.fd-media{display:flex;align-items:center;justify-content: space-around;}
.fd-media a{width:.36rem;height:.36rem;position:relative}
.fd-media a .icon{display:block;width:100%;height:100%;object-fit:contain}
.fd-media a .qr{opacity:0;pointer-events:none;position:absolute;top:110%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1.4rem;height:1.4rem;background-color:#fff;padding:.1rem;border-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.fd-media a .qr img{display:block;width:100%;height:100%}
.fd-media a+a{margin-left:.8rem}
.fd-media a:hover .qr{opacity:1;pointer-events:auto}
.wp{padding-left:.6rem;padding-right:.6rem}
.ban-swiper:hover .swiper-button{opacity:1}
.ban-swiper{position:relative;overflow:hidden}
.ban-swiper .txt-pic{padding-top:.35rem;height:100vh;display:flex;justify-content:flex-end;align-items:center;position:relative}
.ban-swiper .txt-pic .txt{display:flex;flex-direction:column;justify-content:center;position:absolute;left:.6rem;top:0;height:100%}
.ban-swiper .txt-pic .txt .top-txt{margin-bottom:.9rem;font-size:.62rem;line-height:.67rem;color:#000;font-family:MiSans-Medium}
.ban-swiper .txt-pic .txt .top-txt p{white-space:nowrap}
.ban-swiper .txt-pic .txt .top-txt .p2,.ban-swiper .txt-pic .txt .top-txt .p3{color:#ff7b00}
.ban-swiper .txt-pic .txt .top-txt .p3{text-align:right}
.ban-swiper .txt-pic .txt .bot-txt h3{font-family:MiSans-Semibold;font-weight:400;font-size:.32rem;margin-bottom:.5rem}
.ban-swiper .txt-pic .txt .bot-txt p{max-width:6rem;font-family:MiSans-Medium;font-size:.15rem}
.ban-swiper .txt-pic .pic{width:50%;height:100%;display:flex;justify-content:flex-end}
.ban-swiper .txt-pic .pic img{width:100%;max-height:100%;object-fit:contain}
.ban-swiper .txt-pic.txt-pic2{justify-content:flex-start}
.ban-swiper .txt-pic.txt-pic2 .txt{text-align:right;left:auto;right:.6rem}
.ban-swiper .txt-pic.txt-pic2 .txt .top-txt .p3{text-align:left}
.ban-swiper .txt-pic.txt-pic2 .txt .bot-txt{display:flex;flex-direction:column;align-items:flex-end}
.ban-swiper .swiper-pagination{bottom:.6rem}
.ban-swiper .swiper-pagination-bullet{width:.09rem;height:.09rem;background:#f0f0f0;opacity:1;margin:0 .08rem!important}
.ban-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#5b5b5b}
.ban-swiper .swiper-button{opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:.5rem;height:.5rem;border-radius:50%;background:rgba(233,234,236,.7)}
.ban-swiper .swiper-button:after{font-size:0;background:url(../images/swi-arrow.svg) no-repeat center center/contain;width:.08rem;height:.13rem}
.ban-swiper .swiper-button-next:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.work-list{display:flex;flex-wrap:wrap;margin:0 -.15rem -.3rem}
.work-list .item{flex:0 0 50%;margin-bottom:.3rem}
.work-list .item .inner:hover .txt{opacity:1}
.work-list .item .inner:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.work-list .item .inner{display:block;position:relative;margin:0 .15rem}
.work-list .item .inner .pic{padding-top:69.53%;position:relative;overflow:hidden}
.work-list .item .inner .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.work-list .item .inner .txt{z-index:3;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;padding:.4rem;color:#fff;font-size:.25rem;background:rgba(0,0,0,.3)}
.work-list .item .inner .txt span{width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-list .item .inner .txt span+span{text-align:right}
.work-section{overflow:hidden}
.partner-section{padding:3rem 0}
.partner-top{display:flex;justify-content:space-between;margin-bottom:3.5rem}
.partner-top .tit{font-family:MiSans-Bold;font-size:1rem;line-height:1}
.partner-top .desc{font-family:MiSans-Light;max-width:9rem;text-align:justify;font-size:.32rem;line-height:.5rem}
.partner-top.single{margin-bottom:0}
.partner-list{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:-1rem}
.partner-list .item{cursor:default;flex:0 0 16.6%;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}
.partner-list .item img{max-height:1rem;max-width:80%;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.partner-list .item:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.fixed-contact-btn{position:fixed;bottom:13%;right:.6rem;width:1.57rem;height:.62rem;border-radius:.31rem;display:flex;align-items:center;justify-content:center;color:#000;font-size:.22rem;background-color:rgba(233,234,236,.5);z-index:20;backdrop-filter:blur(10px);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0;pointer-events:none}
.to-top{opacity:0;pointer-events:none;width:.5rem;height:.5rem;border-radius:50%;background:rgba(233,234,236,.5) url(../images/to-top.svg) no-repeat center center/.16rem auto;cursor:pointer;position:fixed;z-index:20;bottom:5%;right:.6rem;backdrop-filter:blur(10px);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.fixed-contact-btn:hover,.to-top:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.fixed-contact-btn.show,.to-top.show{opacity:1;pointer-events:auto}
.design-banner{height:100vh;display:flex;align-items:center}
.design-banner .wp{width:100%;display:flex;align-items:flex-start;justify-content:space-between}
.design-banner .txt{font-family:MiSans-Semibold;font-size:1.5rem;line-height:1.32;font-weight:400}
.design-banner .tab-list{display:flex;align-items:center;position:relative;top:.4rem}
.design-banner .tab-list .item+.item{margin-left:.7rem}
.design-banner .tab-list .item{display:flex;align-items:center;justify-content:center;width:2.02rem;height:.66rem;border-radius:.48rem;border:.01rem solid #000;font-size:.32rem;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.design-banner .tab-list .item:hover{background:#000;color:#fff}
.design-banner .tab-list .item.active{background:#000;color:#fff}
.tab-con-wrap .tab-con{display:none}
.tab-con-wrap .tab-con.show{display:block}
.design-work-section{overflow:hidden;padding-bottom:2.2rem}
.contact-banner{padding-top:1.83rem;padding-bottom:.85rem;border-bottom:1px solid #000;margin-bottom:1.48rem}
.contact-banner img{display:block;width:100%}
.contact-sec .wp{display:flex;flex-wrap:wrap}
.contact-sec .wp .box{flex:0 0 50%;margin-bottom:1.5rem;display:flex;align-items:flex-start}
.contact-sec .wp .box .label{line-height:1;font-size:.46rem;font-family:MiSans-Medium;margin-right:.8rem;white-space:nowrap}
.contact-sec .wp .fd-media a+a{margin-left:.5rem}
.contact-sec .wp .fd-media a .qr{border:1px solid #000}
.contact-sec .wp .con{flex:1}
.contact-sec .wp .con a,.contact-sec .wp .con p{text-align:justify;color:#000;font-size:.25rem;line-height:normal}
.contact-sec .wp .con .item+.item{margin-top:.46rem}
.contact-sec .wp .con .item{display:flex;align-items:center;justify-content:space-between}
.contact-sec .wp .con .item .qr img{max-width:.86rem;max-height:.86rem}
.about-banner{height:100vh;background:#000}
.about-banner-wrap{overflow:hidden}
.about-page{background:#000;color:#fff}
.about-sec1{padding:4rem 0}
.about-sec1 .row+.row{margin-top:2.7rem}
.about-sec1 .row{display:flex;justify-content:space-between}
.about-sec1 .row .left{flex:0 0 8.72rem}
.about-sec1 .row .left .en{font-size:.6rem;line-height:.74rem;margin-bottom:.2rem}
.about-sec1 .row .left .txt{font-size:.35rem}
.about-sec1 .row .right{flex:0 0 8.26rem}
.about-sec1 .row .right .txt{font-family:MiSans-Light;font-size:.25rem;line-height:.4rem;text-align:justify}
.about-sec1 .row .circle-list{margin-top:3rem;display:flex;justify-content:flex-end}
.about-sec1 .row .circle-list .item{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #fff;font-size:.3rem;font-family:MiSans-Demibold;background:#000}
.about-sec1 .row .circle-list .item+.item{margin-left:-.4rem}
.sec-title{margin-bottom:3.6rem}
.sec-title .en{font-size:.6rem;text-transform:uppercase}
.sec-title h3{font-weight:400;font-size:.35rem}
.service-list .item{padding:.4rem .6rem;border-bottom:1px solid #fff;display:flex;align-items:center}
.service-list .item .label{flex:0 0 33.3%;font-size:.55rem}
.service-list .item .value{flex:1;display:flex}
.service-list .item .value .col{flex:0 0 50%}
.service-list .item .value .col span{display:block;font-size:.35rem;line-height:.8rem}
.about-sec3{padding-top:1.5rem;padding-bottom:3rem}
.about-sec3 .sec-title{margin-bottom:.7rem}
.creator-list2{display:flex;margin:0 -.17rem;flex-wrap:wrap}
.creator-list2 .item{flex:0 0 25%;margin-bottom:.4rem}
.creator-list2 .item .inner{margin:0 .17rem;position:relative}
.creator-list2 .item .inner .pic{padding-top:69%;position:relative;overflow:hidden;background:#181818}
.creator-list2 .item .inner .pic img{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);max-height:100%}
.creator-list2 .item .inner .txt{position:absolute;bottom:0;left:0;font-size:.15rem;padding:.18rem .12rem}
.make-banner{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}
.make-banner .txt-logo{width:13.54rem;position:relative}
.make-banner .txt-logo img{display:block;width:100%}
.make-banner .txt-logo .copyright-icon{position:absolute;left:100%;top:0;width:.22rem;height:.22rem}
.make-banner img{display:block}
.logo-list{display:flex;width:13.54rem;margin-top:1.3rem;justify-content:space-between;padding:0 1rem}
.logo-list a{height:.5rem;opacity:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.logo-list a img{display:block;height:100%;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s}
.logo-list a:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.logo-list a.show{opacity:1}
.make-sec1{height:100vh}
.make-sec1 .wp{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.make-sec1 .txt{margin:0 auto 2rem;text-align:justify;font-size:.3rem;line-height:.5rem;max-width:12.83rem}
.make-sec1 h1{font-family:MiSans-Bold;font-size:.96rem;font-weight:400}
.make-sec2{padding-bottom:2.4rem}
.make-list .item+.item{margin-top:.87rem}
.make-list .item .inner{position:relative;overflow:hidden;border-radius:.3rem}
.make-list .item .inner video{display:block;width:100%;height:100%;object-fit:cover}
.make-list .item .inner .logo{position:absolute;top:.6rem;left:.6rem;height:.45rem}
.make-list .item .inner .logo img{height:100%;display:block}
.make-list .item .inner .txt{position:absolute;bottom:0;left:0;width:100%;padding:.6rem}
.make-list .item .inner .txt h3{font-weight:400;font-family:MiSans-Semibold;font-size:.52rem}
.make-list .item .inner .txt .bot{display:flex;align-items:center;justify-content:space-between}
.make-list .item .inner .txt .bot p{font-size:.2rem;line-height:1.28}
.make-list .item .inner .txt .bot .more{background:#000;width:1.08rem;height:.42rem;display:flex;align-items:center;justify-content:center;border-radius:.36rem;font-size:.15rem;color:#fff}
.video-banner img,.video-banner video{display:block;width:100%}
.video-banner .forMob{display:none}
.image-content img{display:block;width:100%}
.image-content.forMob{display:none}
.det-banner{position:sticky;top:0}
.det-banner img{display:block;width:100%}
.det-banner .forMob{display:none}
.det-text-section{padding:3rem 0}
.det-text-section .title{font-size:.7rem;margin-bottom:1.5rem;font-family:MiSans-Semibold}
.det-text-section .row{display:flex;justify-content:space-between}
.det-text-section .row .left{font-size:.7rem;font-family:MiSans-Semibold;flex:1;padding-right:1.8rem}
.det-text-section .row .text{font-family:MiSans-Light;font-size:.3rem;line-height:.4rem;text-align:justify;flex:0 0 8rem}
.det-text-section .pic{margin-top:3rem}
.det-text-section .pic img{display:block;width:100%}
.det-text-section+.det-text-section{padding-top:0}
.det-pic-section .pic img{display:block;width:100%}
.det-pic-section .pic+.pic,.det-pic-section .pic+.row,.det-pic-section .row+.pic,.det-pic-section .row+.row{margin-top:.4rem}
.det-pic-section .row{display:flex;justify-content:space-between}
.det-pic-section .row .pic{flex:0 0 calc(50% - .2rem)}
.det-pic-section .row .pic+.pic{margin-top:0}
.det-work-section{padding-bottom:4rem}
.det-work-section .title{font-size:.5rem;margin-bottom:.7rem; margin-top: 0.5rem;}
.det-work-section .work-list .item .inner{border-radius:.3rem;overflow:hidden}
.index-video-section{background:#000}
.index-video-section video{display:block;width:100%}
.section-wrap{position:relative;z-index:2;background-color:#fff}
.banner{position:sticky;top:0;left:0}
.index-logo-section{background-color:#000;flex:1;flex-direction:column}
.index-logo-section .wp{margin-top:0.2rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.index-logo-section .logo-row{display:flex;align-items:center}
.index-logo-section .logo-row .cell{width:.7rem;height:.7rem;position:relative;margin:0 .12rem;opacity:0;overflow:hidden}
.index-logo-section .logo-row .cell img{position:absolute;width:100%;height:100%;top:0;left:0}
.index-logo-section .logo-row .cell .zhizao{opacity:0}
.index-logo-section .logo-row .js-cell-e,.index-logo-section .logo-row .js-cell-s{opacity:1}
.index-logo-section .logo-txt{margin-top:.4rem;text-align:center;font-size:.35rem;font-family:MiSans-ExtraLight;height:.74rem;line-height:.74rem;position:relative;width:100%;overflow:hidden;color:#fff}
.index-logo-section .logo-txt p{position:absolute;top:0;left:0;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;width:100%;opacity:0}
.fd-media.forMob{display:none}
.contact-sec .wp.forMob{display:none}
.make-list .item .inner img{display:block;width:100%;height:100%;object-fit:cover}
.make-list .item .inner .txt .bot p{font-family:MiSans-Light}
.logo-row.forMob{display:none}
.section-box{background:#000;height:100vh;display:flex;flex-direction:column}
.creator-list{display:flex;margin:0 -.12rem .53rem;justify-content:flex-end}
.creator-list .item.active{flex:0 0 9.18rem}
.creator-list .item.active .inner .pic1{opacity:1}
.creator-list .item.active .inner .pic2{opacity:0}
.creator-list .item.active .inner .txt1{opacity:1}
.creator-list .item.active .inner .txt2{opacity:0}
.creator-list .item{flex:0 0 2.24rem;-webkit-transition:flex .5s;-moz-transition:flex .5s;-ms-transition:flex .5s;-o-transition:flex .5s;transition:flex .5s}
.creator-list .item .inner{position:relative;margin:0 .12rem;height:6.04rem;overflow:hidden}
.creator-list .item .inner .pic1,.creator-list .item .inner .pic2{position:absolute;width:100%;height:100%;top:0;right:0;z-index:1}
.creator-list .item .inner .pic1 img,.creator-list .item .inner .pic2 img{display:block;height:100%;object-fit:cover;position:absolute;right:0;top:0}
.creator-list .item .inner .pic1{opacity:0}
.creator-list .item .inner .pic2{opacity:1}
.creator-list .item .inner .txt1,.creator-list .item .inner .txt2{position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.creator-list .item .inner .txt1{opacity:0}
.creator-list .item .inner .txt2{opacity:1}
.creator-list .item .inner .txt1{bottom:.83rem;left:.7rem}
.creator-list .item .inner .txt1 .desc{padding-bottom:.76rem;font-size:.14rem}
.creator-list .item .inner .txt1 .desc p+p{margin-top:.1rem}
.creator-list .item .inner .txt1 .desc p{position:relative}
.creator-list .item .inner .txt1 .desc p:after{content:'';width:3px;height:3px;border-radius:50%;background-color:#fff;position:absolute;left:-15px;top:50%;transform:translateY(-50%)}
.creator-list .item .inner .txt1 .name h3{font-weight:400;font-size:.25rem;font-family:MiSans-Medium;margin-bottom:.1rem}
.creator-list .item .inner .txt1 .name span{height:.38rem;width:1.4rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:30px;font-size:.2rem}
.creator-list .item .inner .txt2{text-align:center;width:100%;padding-bottom:.27rem;font-size:.25rem;font-family:MiSans-Medium}
.creator.forMob{display:none}
.about-sec3 .df-row{display:flex;align-items:center}
.about-sec3 .df-row .sec-title .en{font-size:.7rem}
.about-sec3 .df-row .creator-list{flex:1}

.section-box{
    height: calc(100vh + 150px);
}
.index-logo-section{
    padding-bottom: 300px;
}

@media only screen and (max-width:767px){
.index-logo-section{margin-top:0}
.section-box{height:auto}
.wp{padding-left:20px;padding-right:20px}
html{font-size:40px}
body{padding-top:70px}
.ban-swiper{padding-top:20px;padding-bottom:60px}
.ban-swiper .txt-pic{height:auto}
.ban-swiper .txt-pic .txt .top-txt{font-size:15px;line-height:18px;margin-bottom:37px}
.ban-swiper .txt-pic .txt .bot-txt p{font-size:5px}
.ban-swiper .txt-pic .txt .bot-txt h3{font-size:10px}
.ban-swiper .swiper-pagination-bullet{width:7px;height:7px;margin:0 6px!important}
.header{padding:10px 20px}
.header .logo{background:url(../images/logo2.svg) no-repeat center center/contain;width:50px;height:50px}
.header .logo img{display:none!important}
.header-logo{transform:scale(3);transform-origin:0 50%;top:30px}
.header-menu{width:30px;height:30px;top:18px}
.header .menu{width:30px;height:30px;background:url(../images/menu2.svg) no-repeat center center/contain}
.header.white .logo{background-image:url(../images/logo2-w.svg)}
.header.white .menu{background:url(../images/close2.svg) no-repeat center center/80%}
.page-menu-wrap{padding:100px 20px;background:#222}
.page-menu{padding-top:30px;justify-content:flex-start;border-top:1px solid rgba(0,0,0,.2)}
.page-menu .list .item a{font-size:22px;color:#fff}
.page-menu .list .item a span:first-child{flex:0 0 80px}
.page-menu .list .item a span:first-child:after{height:20px;margin-top:-10px}
.page-menu .list .item+.item{margin-top:15px}
.page-menu .list{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,.2)}
.page-menu .media-list .item a{font-size:16px;color:#fff}
.page-menu .media-list .item+.item{margin-top:6px}
.ban-swiper .txt-pic .txt .bot-txt p{max-width:85%}
.ban-swiper .txt-pic .txt{width:56%}
.ban-swiper .txt-pic .pic{width:45%}
.ban-swiper .swiper-button{width:30px;height:30px;opacity:1}
.ban-swiper .swiper-button:after{width:8px;height:13px}
.index-video-section{display:none}
.index-logo-section{height:auto;padding:100px 0}
.index-logo-section .logo-row .cell{opacity:1}
.index-logo-section .logo-txt{margin-top:30px;font-size:16px;height:18px;line-height:18px}
.index-logo-section .logo-txt p{opacity:1}
.index-logo-section .logo-txt p.zhizao{opacity:0}
.index-logo-section .logo-row .cell{width:30px;height:33px}
.banner{top:70px}
.work-list{display:block;margin:0 0 -32px}
.work-list .item{margin-bottom:32px}
.work-list .item .inner{margin:0}
.work-list .item .inner .txt{position:static;opacity:1;padding:0;flex-direction:row-reverse;justify-content:flex-end;font-size:16px;color:#000;background:0 0;margin-top:10px}
.work-list .item .inner .txt span{flex:0 0 auto;width:auto}
.work-list .item .inner .txt span+span{margin-right:10px;padding-right:10px;position:relative}
.work-list .item .inner .txt span+span:after{content:'';width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;background:#000}
.partner-top{display:block}
.partner-top .tit{font-size:25px;margin-bottom:30px}
.partner-top .desc{font-size:12px;line-height:18px;max-width:none}
.footer .fd-top{padding:20px}
.footer .fd-top .txt{font-size:16px;white-space:pre-line}
.fixed-contact-btn{font-size:12px;width:80px;height:40px;border-radius:30px}
.to-top{width:45px;height:45px;right:17px;-webkit-background-size:12px auto;background-size:12px auto}
.footer .fd-mid{font-size:0;display:flex;align-items:center;height:90px;padding:10px 20px}
.footer .fd-mid a{font-size:16px}
.fd-top .fd-media{display:none}
.fd-media.forMob{display:flex;justify-content:space-between;padding:30px 20px 40px}
.fd-media a{width:20px;height:20px;display:flex;align-items:center}
.fd-media a .qr{width:100px;height:100px}
.fd-media a:last-child .qr{left:auto;right:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.fd-media a:first-child .qr{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.footer .fd-bot{flex-direction:column-reverse}
.footer .fd-info{display:block;flex:auto}
.footer .fd-info dl dt{font-size:12px;margin-bottom:10px}
.footer .fd-info dl dd{font-size:16px;line-height:20px}
.footer .fd-info dl,.footer .fd-info dl:nth-child(1),.footer .fd-info dl:nth-child(2){margin-bottom:40px}
.footer .fd-bot-left .fd-logo{display:none}
.footer .fd-bot-left .copyright,.footer .fd-bot-left .copyright a{font-size:12px}
.footer .fd-bot{padding-bottom:60px}
.design-banner{height:auto;padding:40px 0 110px}
.design-banner .wp{display:block}
.design-banner .txt{font-size:40px;display:flex;align-items:center;margin-bottom:60px}
.design-banner .txt h3+h3{margin-left:10px}
.design-banner .tab-list{top:0;justify-content:space-between}
.design-banner .tab-list .item{font-size:16px;height:40px;width:110px;border-radius:80px}
.design-banner .tab-list .item+.item{margin-left:0}
.design-work-section{padding-bottom:100px}
.about-page{margin-top:-70px}
.header.o-white .logo{background-image:url(../images/logo2-w.svg)}
.header.o-white .menu{background:url(../images/menu2-w.svg) no-repeat center center/contain}
.about-banner{height:auto}
.about-sec1 .row{display:block}
.about-sec1 .row .left{text-align:center;margin-bottom:50px}
.about-sec1 .row .left .en,.about-sec1 .row .left .txt{font-size:22px;line-height:normal}
.about-sec1 .row .right .txt{font-size:14px;line-height:22px}
.about-sec1 .row .circle-list{justify-content:center;margin-top:100px}
.about-sec1 .row+.row{margin-top:100px}
.about-sec1 .row .circle-list .item{width:130px;height:130px;font-size:14px}
.about-sec1 .row .circle-list .item+.item{margin-left:-20px}
.about-sec1{padding-bottom:200px}
.sec-title{margin-bottom:90px}
.sec-title .en{font-size:22px}
.sec-title h3{font-size:14px}
.service-list .item .label{font-size:16px}
.service-list .item .value .col span{font-size:12px;line-height:30px}
.service-list .item{padding:20px}
.creator-list2 .item .inner .txt{font-size:12px}
.about-sec3{padding-top:200px;border-bottom:1px solid #fff}
.contact-sec .wp{display:block}
.contact-sec .wp .box.media{display:block}
.contact-sec .wp .box.media .label{margin-bottom:40px}
.contact-sec .wp .box.media .fd-media{justify-content:space-between}
.contact-sec .wp .box.media .fd-media a{width:30px;height:30px}
.contact-sec .wp .box{margin-bottom:70px}
.contact-sec .wp .box .label{font-size:22px;margin-right:40px}
.contact-sec .wp .con a,.contact-sec .wp .con p{font-size:14px;line-height:20px}
.contact-sec .wp .con .item .qr{display:none}
.contact-banner{border-bottom:none;margin-bottom:0;padding-bottom:80px}
.contact-sec .wp{display:none}
.contact-sec .wp.forMob{display:block}
.make-banner{height:auto;padding:80px 0 170px}
.logo-list a:hover img{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.logo-list a{opacity:1;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s}
.make-sec1{height:auto;padding-bottom:80px}
.make-sec1 .txt{max-width:none;font-size:14px;line-height:22px;margin-bottom:50px}
.make-sec1 h1{font-size:22px}
.make-list .item .inner .txt h3{font-size:12px;margin-bottom:10px}
.make-list .item .inner .txt .bot p{font-size:10px;line-height:normal}
.make-list .item .inner .txt .bot .more{width:67px;height:23px;font-size:8px;border-radius:36px}
.make-list .item+.item{margin-top:24px}
.det-text-section .row{display:block}
.det-text-section .title{font-size:32px;line-height:normal;margin-bottom:30px}
.det-text-section .row .left{font-size:20px;margin-bottom:30px}
.det-text-section .row .text{font-size:14px;line-height:22px}
.det-work-section .title{font-size:20px}
.det-banner{margin-top:-70px}
.det-banner .forPc{display:none}
.det-banner .forMob{display:block}
.det-pic-section .row{display:block}
.det-pic-section .pic+.pic,.det-pic-section .pic+.row,.det-pic-section .row .pic+.pic,.det-pic-section .row+.pic,.det-pic-section .row+.row{margin-top:20px}
.video-banner{margin-top:-70px}
.image-content.forMob{display:block}
.image-content.forPc{display:none}
.video-banner .forPc{display:none}
.video-banner .forMob{display:block}
.make-list .item .inner .logo{height:10px}
.make-list .item .inner .logo img{display:block;height:100%;width:auto}
.header-menu .menu{display:none}
.header-menu .menu-forMob{display:block}
.index-logo-section .logo-txt{color:#000}
.index-logo-section{background-color:#fff}
.index-logo-section .logo-row{display:none}
.index-logo-section .logo-row.forMob{display:flex;align-items:center;justify-content:center}
.work-list .item .inner .txt{font-size:14px}
.footer .fd-mid a{height:20px}
.creator-list2 .item{flex:0 0 50%}
.creator-list2 .item .inner .txt{position:static;padding:0}
.creator-list.forPc{display:none}
.about-sec3 .sec-title{margin-bottom:80px}
.creator-swiper{margin-bottom:80px;overflow:hidden;position:relative;padding-bottom:30px}
.creator-swiper .swiper-pagination{bottom:0;font-size:0}
.creator-swiper .swiper-pagination-bullet{width:6px;height:6px;background:#5b5b5b;opacity:1}
.creator-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f0f0f0}
.creator-swiper .swiper-slide{position:relative;opacity:.5;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.creator-swiper .swiper-slide.swiper-slide-active{opacity:1}
.creator-swiper .pic{padding-top:151.56%;position:relative;overflow:hidden}
.creator-swiper .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.creator-swiper .name{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:40px}
.creator-swiper .name h3{font-weight:400;font-size:20px;font-family:MiSans-Medium;margin-bottom:8px}
.creator-swiper .name span{width:116px;height:27px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:30px;font-size:14px;font-family:MiSans-Light}
.creator-swiper .swiper-button{width:30px;height:30px;border-radius:50%;background:rgba(233,234,236,.7);opacity:.5}
.creator-swiper .swiper-button:after{font-size:0;background:url(../images/swi-arrow.svg) no-repeat center center/contain;width:8px;height:8px}
.creator-swiper .swiper-button-prev{left:5px}
.creator-swiper .swiper-button-next{right:5px}
.creator-swiper .swiper-button-next:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.creator.forMob{display:block}
}