.home-load{position: relative;z-index: 1;overflow: hidden;height: 0;background: #FFF;}

.guide{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 10;background: var(--cw);}
.guide video{display: block;width: 100%;height: 100vh;object-fit: cover;}
.guide-hide{animation: guideMove 1.2s linear;}
.guide-hide video{transform: scale(2);transition: 1.2s ease-in-out; opacity: 0;}

@keyframes guideMove{
    0%{
        display: block;        
    }
    99%{
        display: block;
    }
    100%{
        display: none;
    }
}
.home-load .head-h{height:0;}

.home-load-show{height: auto;}
.home .com-tit{line-height: 1.175;}
.home .main{padding: 0 1.5625vw;}
.home .swiper-banner{height: 100vh;}
.home .swiper-banner::after{content: '';width: 100%;height: 2px;background:#FFF;position: absolute;left:0;bottom: 0;z-index: 20;}
.home .swiper-banner img{display: block;width: 100%;height: 100vh;object-fit: cover;}
.home .swiper-banner video{display: block;width: 100%;height: 102vh;object-fit: cover;position: relative;top: -1vh;}
.home .swiper-banner .main{box-sizing: border-box;display: flex;align-items: flex-end;padding: 0 0 5vw;}
.home .swiper-banner .box{width: 100%;}
.home .swiper-banner .banner-pic{width:40vw;margin: 0 auto;}
.home .swiper-banner .banner-pic img{height:auto;}
.home .swiper-banner .en-txt{margin-top:5vw;color:#937d58;font-size: 1.0417vw;line-height:2.1354vw;text-transform: uppercase;}
.home .swiper-banner .title{line-height: 1.174;}
.home .swiper-banner .brand{margin-top: 5.2083vw;display: flex;justify-content: center;align-items: center;}
.home .swiper-banner .brand img{display: block;margin: 0 0.5208vw;height: 1.25vw;}
.home .swiper-banner .list{position: relative;padding: 0 1.5625vw;height: 2.8646vw;}
.home .swiper-banner .list::before,
.home .swiper-banner .list::after{content: '';width: 1.0417vw;height: 2.8646vw;background: url(../images/ms_icon.png) no-repeat;background-size: cover;position: absolute;left: 0;top: 0;}
.home .swiper-banner .list::after{left: auto;right: 0;transform: rotateY(180deg);}
.home .swiper-banner .bot{position: absolute;left: 0;bottom: 3.125vw;width: 100%;border-top: 1px solid #D5D5D5;z-index: 10;box-sizing: border-box;padding: 1.7708vw 3.125vw 0;}
.home .swiper-banner .tips{line-height: 1.25;}
.home .swiper-banner .tips i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/scroll_arrow.png) no-repeat;background-size: cover;margin: 0 0.4167vw;animation: bounceUpDown 1.2s cubic-bezier(0.45, 0.05, 0.2, 1.2) infinite;}
.home .swiper-banner .mark .item{border: 1px solid var(--cb);box-sizing: border-box;height: 1.6667vw;padding: 0 0.9375vw;}

.home .about-box{position: relative;box-sizing: border-box;padding: 3.125vw 0 1.0417vw;overflow:hidden;background:#FFF;z-index: 10;}
.home .swiper-about .swiper-button-prev,
.home .swiper-about .swiper-button-next{left: 2.6042vw;margin-top: -2.6042vw;width: 5.2083vw;height: 5.2083vw;background: rgba(163, 163, 163, 0.3);backdrop-filter: blur(18.6px);}
.home .swiper-about .swiper-button-next{left: auto;right: 2.6042vw;}
.home .swiper-about .swiper-button-prev i,
.home .swiper-about .swiper-button-next i{display: block;width: 0.4688vw;height: 0.7813vw;background: url(../images/sw_about.png) no-repeat;background-size: cover;}
.home .swiper-about .swiper-button-next i{transform: rotate(180deg);}
.home .swiper-about .swiper-button-prev:hover,
.home .swiper-about .swiper-button-next:hover{background: var(--ch);}
.home .swiper-about .swiper-pagination{display: flex;gap: 6px;width: 84.375vw;left: 6.25vw;bottom: 2.0833vw;}
.home .swiper-about .swiper-pagination .swiper-pagination-bullet{height: 4px;background: var(--cw3);position: relative;flex: 1;opacity: 1;border-radius: 2px;margin: 0;display: block;}
.home .swiper-about .swiper-pagination .swiper-pagination-bullet::after{content: ''; width: 0;height: 100%;position: absolute;left: 0;top: 0;background: var(--cw);z-index: 10;border-radius: 2px;}
.home .swiper-about .swiper-pagination .swiper-pagination-bullet-active::after{animation: aboutMove 4s ease forwards;}
@keyframes aboutMove {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
.home .about-show .swiper-about{opacity: 1;transform: translateY(0px);}


.home .case-box{position: relative;height:100vh;}
.home .swiper-case{height: 36.4583vw;}
.home .swiper-case .swiper-slide{width: 27.9167vw;}
.home .swiper-case .cell{position: relative;perspective: 1600px;}
.home .swiper-case .item{display: block;width: 100%;height: 36.4583vw;transform-style: preserve-3d;}
.home .swiper-case .box{overflow: hidden;}
.home .swiper-case img{display: block;width: 100%;height: 33.3333vw;object-fit: cover;}

body.dragging{cursor: grabbing;}
.home .scene{position: absolute;inset: 0;perspective: 1440px;perspective-origin: 50% 50%;}
.home .carousel{position: absolute;left: 50%;top:50%;width:0;height: 0;transform-style: preserve-3d;}
.home .carousel .card{position: absolute;width: calc(540px * var(--u));height: calc(640px * var(--u));left: calc(-270px * var(--u));top: calc(-320px * var(--u));border-radius: calc(20px * var(--u));overflow: hidden;backface-visibility: hidden;box-shadow: 0 0 0 1px rgba(255, 255, 255, .07);will-change: transform;}
.home .carousel .card img{position:absolute;inset:0;width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
.home .carousel .card .info{position: absolute;left:0;bottom:0;width: 100%;box-sizing:border-box;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);padding:0 2.0833vw 1.5625vw;height: 11.9792vw;display:flex;align-items: flex-end;}
.home .carousel .card .title{font-size: 1.5625vw;line-height: 1.1667;color:var(--cw);}
.home .carousel .card .link{margin-top: 0.5208vw;font-size: 0.8333vw;color:var(--cw);display:flex;align-items: center;width: 5.2083vw;height:1.875vw; border-radius: 0.9375vw;border: 1px solid var(--cw);}
.home .carousel .card .link:hover{background: var(--ch);border-color:var(--ch);}

.home .hint{display: none;opacity: 0;}

.home .swiper-case .swiper-slide .item{transform: translateY(-1.0417vw) scale(0.92);}
.home .swiper-case .swiper-slide-prev1 .item{transform: translateY(-2.0833vw) translateZ(-2.6042vw) rotateY(-32deg) scale(0.82);}
.home .swiper-case .swiper-slide-prev2 .item{transform:  translateX(12.2917vw) translateY(-2.0833vw) translateZ(-2.0833vw) rotateY(-64deg) scale(0.72);}
.home .swiper-case .swiper-slide-next1 .item{transform: translateY(-2.0833vw) translateZ(-2.6042vw) rotateY(32deg) scale(0.82);}
.home .swiper-case .swiper-slide-next2 .item{transform: translateX(-12.2917vw) translateY(-2.0833vw) translateZ(-2.0833vw) rotateY(64deg) scale(0.64);}

/* .home .swiper-case .swiper-slide-prev1 .item{transform: translateY(-2.0833vw) translateZ(-2.6042vw) rotateY(-32deg) scale(0.82);}


.home .swiper-case .swiper-slide-prev2 .item{transform: translateX(12.2917vw) translateY(-2.0833vw) translateZ(-2.0833vw) rotateY(-64deg) scale(0.64);}

.home .swiper-case .swiper-slide-next1 .item{transform: translateY(-2.0833vw) translateZ(-2.6042vw) rotateY(32deg) scale(0.82);}
.home .swiper-case .swiper-slide-next2 .item{transform: translateX(-12.2917vw) translateY(-2.0833vw) translateZ(-2.0833vw) rotateY(64deg) scale(0.64);} */

/* .home .swiper-case .swiper-slide-prev1 .item{
    transform: translateX(0) translateY(16px) translateZ(0px) rotateY(0.549779rad) scale(0.92);
}

.home .swiper-case .swiper-slide-prev2 .item{
    transform: translateX(460px) translateY(5.56231px) translateZ(2.44929e-14px) rotateY(-1.09956rad) scale(0.8625);
    opacity: 0;
}

.home .swiper-case .swiper-slide-next1 .item{
    transform: translateX(-0px) translateY(-17.7784px) translateZ(282.843px) rotateY(0.549779rad) scale(0.92);
}

.home .swiper-case .swiper-slide-next2 .item{
    transform: translateX(-460px) translateY(-5.56231px) translateZ(2.44929e-14px) rotateY(1.09956rad) scale(0.8625);
    opacity: 0;

} */


.case-list{position: relative;perspective: 1800px;}


.swiper-xt{width: 27.9167vw;margin: 0 auto;}
.swiper-xt .pic{border-radius: 1.0417vw;overflow: hidden;}
.swiper-xt .pic img{height: 33.3333vw;object-fit: cover;}

.swiper-left-mid{position: absolute;left: 7.2917vw;top: 0;transform: rotateY(-24deg) scale3d(0.9, 0.9, 1);}
.swiper-right-mid{position: absolute;right: 7.2917vw;top: 0;transform: rotateY(24deg) scale3d(0.9, 0.9, 1);}



.swiper-left-sm{position: absolute; left: -9.375vw;top: 0;transform: rotateY(-42deg) scale3d(0.76, 0.76, 1);}
.swiper-right-sm{position: absolute; right: -9.375vw;top: 0;transform: rotateY(42deg) scale3d(0.76, 0.76, 1);}

.home .idea-box{padding-top: 7.0833vw;}
.home .idea-box .move-box{--gap:0.625vw;--btnW: 5.625vw;position: absolute;left: 0;top: 0;width: 100%;height: 100vh;overflow: hidden;}
.home .idea-box .main{margin: 0 1.0417vw;position: relative;height: 100vh;}
.home .idea-box .item{position: absolute;}
.home .idea-box .item1{background: #F0F0ED;height:calc(50% - 1.5*var(--gap) + var(--btnW)*0.5); width: calc(20% - 0.75*var(--gap));left: 0;top: var(--gap);}
.home .idea-box .item2{background: #C9B787;height: calc(50% - 2*var(--gap) - var(--btnW)*0.5);width: calc(30% + var(--btnW)*0.5);left: 20%;top: var(--gap);}
.home .idea-box .item3{background: #535352;height: calc(50% - var(--gap) + var(--btnW)*0.5);width: calc(30% - var(--btnW)*0.5 - var(--gap));right: 20%;top: var(--gap);}
.home .idea-box .item4{background: #F5F1E5;height:calc(50% - 1.5*var(--gap) - var(--btnW)*0.5); width: calc(20% - 0.75*var(--gap));right: 0;top: var(--gap);}
.home .idea-box .item5{background: #F5F1E5;height:calc(50% - 1.5*var(--gap) - var(--btnW)*0.5); width: calc(20% - 0.75*var(--gap));left: 0;bottom: var(--gap);}
.home .idea-box .item6{background: #535352;height: calc(50% - var(--gap) + var(--btnW)*0.5);width: calc(30% - var(--btnW)*0.5 - var(--gap));left: 20%;bottom: var(--gap);}
.home .idea-box .item7{background: #C9B787;height: calc(50% - 2*var(--gap) - var(--btnW)*0.5);width: calc(30% + var(--btnW)*0.5);right: 20%;bottom: var(--gap);}
.home .idea-box .item8{background: #F0F0ED;height:calc(50% - 1.5*var(--gap) + var(--btnW)*0.5); width: calc(20% - 0.75*var(--gap));right: 0;bottom: var(--gap);}
.home .idea-box .move-logo{width: 5.625vw;height: 5.625vw;}
.home .idea-box .img{width: 5.625vw;height: 5.625vw;background: #C9B787;}
.home .idea-box .img img{display: block;width: 4.1667vw;}
.home .idea-box .box{padding: 3.125vw 2.6042vw 0;}
.home .idea-box .en{color: var(--color);}
.home .idea-box .title{color: var(--color);line-height: 1.1765;}
.home .idea-box .txt{color: var(--color);line-height: 1.1579;}

.home .tuijing{position: relative;height: 230vh;margin-top: 4.3229vw;}
.home .tj-ing .move-box{position: fixed;}
.home .tj-end .move-box{position: absolute;top: auto;bottom: 0;}

.home .venue-heading{display:flex;align-items:flex-end;justify-content: space-between;}
.home .venue-heading .headline{line-height: 7.0833vw;font-family: Bronova,sans-serif;letter-spacing: 0;font-size:10.2083vw;height:7.0833vw;}
.home .venue-heading .arrow{width:6.6667vw;stroke-width: 1;fill: #b8a583;margin-left: 1.875vw;margin-bottom: 1.0417vw;}
.home .venue-heading .pic{width: 18.3333vw;margin-bottom: 1.0417vw;}

.home .venue-box{padding-top: 12.2396vw;}
.home .venue-box .main{display: flex;justify-content: space-between;padding: 0 1.5625vw;align-items: flex-start;}
.home .venue-box .left,
.home .venue-box .right{width: 11.7188vw;overflow: hidden;}
.home .venue-box .mid{width: 71.5625vw;position: relative;z-index: 10;}
.home .swiper-sm{width: 47.7083vw;height: 25.4688vw;margin-left: -18.125vw;}
.home .venue-box .right{margin-top: 12.7083vw;}
.home .swiper-sm img{display: block;width: 100%;height: 25.4688vw;object-fit: cover;}
.home .swiper-big{position: relative;}
.home .swiper-mid{height: 38.1771vw;}
.home .swiper-mid img{display: block;width: 100%;height: 38.1771vw;object-fit: cover;}
.home .swiper-big .swiper-button-prev,
.home .swiper-big .swiper-button-next{width: 4.1667vw;height: 4.1667vw;background: #5B5B5B;margin: 0;transition: .5s background;}
.home .swiper-big .swiper-button-prev{left: -6.25vw;top: auto;bottom: 1.5625vw;}
.home .swiper-big .swiper-button-next{left: auto;right: -6.25vw;top: 1.5625vw;}
.home .swiper-big .swiper-button-prev i,
.home .swiper-big .swiper-button-next i{display: block;width: 1.6667vw;height: 1.6667vw;background: url(../images/sw_arrow.png) no-repeat;background-size: cover;}
.home .swiper-big .swiper-button-next i{transform: rotate(180deg);}
.home .swiper-big .swiper-button-prev:hover,
.home .swiper-big .swiper-button-next:hover{background: var(--ch);}


.home .pro-box{padding-top: 15.2083vw;}
.home .pro-box .main{display: flex;justify-content: space-between;padding: 0;}
.home .pro-box .left{width: 19.2708vw;}
.home .pro-box .info{line-height: 1.5625;width:61.8958vw;}
.home .pro-box .pic{width: 25.5729vw;margin-left: -6.25vw;}
.home .pro-box .right{width:61.9792vw;}
.home .pro-box .list{display: flex;justify-content: space-between;}
.home .pro-box .item{display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;width: 19.2708vw; height:20.7292vw;background: #EFEADD;padding: 3.3333vw 2.5vw 2.2917vw;transition: .5s linear;}
.home .pro-box .name{color: #B3A57F;line-height: 1.1591;}
.home .pro-box .num{color: #B3A57F;line-height: 1.0926;}
.home .pro-box .item:nth-child(2){background: #F1F0EA;}
.home .pro-box .item:nth-child(3){background: #F0F0F0;}
.home .pro-box .item:hover {background: #CFBD8A;box-shadow: 0px 20.75px 65.52px 0px rgba(212, 197, 156, 0.6);}
.home .pro-box .item:hover .name,
.home .pro-box .item:hover .num{color: #424140;}

.home .service-box{padding: 14.0625vw 0 6.25vw;}
.home .service-box .list{display: flex;flex-wrap: wrap;}
.home .service-box .item{width: 7.2917vw;height: 7.2917vw;margin: 0 1.25vw 1.0417vw 0;}
.home .service-box .item:nth-child(10n){margin-right: 0;}
.home .service-box .item img{display: block;max-width: 100%;max-height: 7.2917vw;}

.home .service-heading .headline{line-height: 7.0833vw;font-family: Bronova,sans-serif;letter-spacing: 0;font-size:10.2083vw;height:7.0833vw;}
.home .service-heading .arrow{width:6.6667vw;stroke-width: 1;fill: #b8a583;margin-left: 1.875vw;margin-bottom: 1.0417vw;}
.home .service-heading .pic{width: 10.5208vw;margin: 3.125vw auto 0;}


.home .team-heading .headline{line-height: 7.0833vw;font-family: Bronova,sans-serif;letter-spacing: 0;font-size:10.2083vw;height:7.0833vw;}
.home .team-heading .arrow{width:6.6667vw;height:6.6667vw; fill: none;stroke: #b8a583;stroke-width: 7.5;stroke-linecap: butt;stroke-linejoin: miter; margin: 0 1.0417vw 1.0417vw 3.125vw;}
.home .team-heading .pic{width: 10.8333vw;margin: 3.125vw auto 0;}
.home .team-box{padding: 6.25vw 0 10.625vw;position:relative;background:#f7f7f7;}
.home .team-box .main{position: relative;height: 39.4792vw;}
.home .team-box .main::after{content:'';width:100%;height:100%;position: absolute;left:0;top:0;z-index:6;}
.home .team-box .main-show::after{display: none;}
.fan-list {margin: 0 auto;position: relative;width: 58.4375vw;z-index: 5;left: 4.6667vw;top: 8.2083vw;}

/*.fan-list .item{display: block;box-sizing: border-box;width: 23.4375vw;height: 29.375vw;background: var(--cw);box-shadow: 0px 21px 60px 0px rgba(0, 0, 0, 0.05);padding: 0.8333vw;position: absolute;left: 0;top: 0;transform: rotate(-36deg);transform-origin: 50% 50%;transition: .5s linear;}*/
/*.fan-list .item:nth-child(2){transform: rotate(-17deg);left: 7.7083vw;top: -1.3542vw;}*/
/*.fan-list .item:nth-child(3){transform: rotate(1deg);left: 16.4583vw;top: -1.6667vw;}*/
/*.fan-list .item:nth-child(4){transform: rotate(20deg);left: 25vw;top: 0.8333vw;}*/

 .fan-list .item{display: block;box-sizing: border-box;width: 23.4375vw;height: 29.375vw;background: var(--cw);box-shadow: 0px 21px 60px 0px rgba(0, 0, 0, 0.15);padding: 0.8333vw;position: absolute;left: 0;top: 0;transform: translateX(16.6667vw) rotate(0deg);transform-origin: 50% 50%;opacity: 0;z-index: 1;}
 .fan-list .active{opacity: 1;}
.fan-list .active:first-child{transform: translateX(0px) rotate(-36deg);transition: 0.8s linear;}

.fan-list .item:nth-child(2){transform: translateX(21.875vw) rotate(19deg);left: 7.7083vw;top: -1.3542vw;}
.fan-list .active:nth-child(2){transform: translate(0px) rotate(-17deg);transition: 0.8s linear; transition-delay: 0.8s;}

.fan-list .item:nth-child(3){transform: translateX(21.875vw) rotate(37deg);left: 16.4583vw;top: -1.6667vw;}
.fan-list .active:nth-child(3){transform: translate(0px) rotate(1deg);transition: 0.8s linear; transition-delay: 1.4s;}

.fan-list .item:nth-child(4){transform: translateX(21.875vw) rotate(56deg);left: 25vw;top: 0.8333vw;}
.fan-list .active:nth-child(4){transform: translate(0px) rotate(20deg);transition: 0.8s linear;transition-delay: 2.0s;}

.fan-list .item img{display: block;width: 100%;height: 14.7917vw;object-fit: cover;}
.fan-list .item .txt{position: relative;line-height: 1.3846;margin-top: 5.1042vw;}
.fan-list .item .txt::before{content: '';width: 1.4063vw;height: 1.4063vw;left: 0;top: -2.5vw;background: url(../images/dh_arrow.png) no-repeat;background-size: cover;position: absolute;}
.fan-list .item .fan-more i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/scroll_arrow.png) no-repeat;background-size: cover;transform: rotate(-90deg);}
.fan-list .moveEd{transition: 0.3s linear !important; transition-delay: 0s !important;}
.fan-list .item:hover{z-index: 5;}
.fan-list .item:first-child:hover{transform: translateX(0px) rotate(-36deg) scale(1.05, 1.05);}
.fan-list .item:nth-child(2):hover{transform: translate(0px) rotate(-17deg) scale(1.05, 1.05);}
.fan-list .item:nth-child(3):hover{transform: translate(0px) rotate(1deg) scale(1.05, 1.05);}
.fan-list .item:nth-child(4):hover{transform: translate(0px) rotate(20deg) scale(1.05, 1.05);}

/*.fan-list .item:hover{transform: scale(1.05, 1.05) rotate(-36deg);z-index: 5;}*/
/*.fan-list .item:nth-child(2):hover{transform: scale(1.1, 1.1) rotate(-17deg);}*/
/*.fan-list .item:nth-child(3):hover{transform: scale(1.1, 1.1) rotate(1deg);}*/
/*.fan-list .item:nth-child(4):hover{transform: scale(1.1, 1.1) rotate(20deg);} */

.person-list .item{box-sizing: border-box;border: 0.5729vw solid var(--cw);box-shadow: 0px 21px 60px 0px rgba(0, 0, 0, 0.08);position: absolute;overflow: hidden;}
.person-list .item img{display: block;width: 100%;}

.person-list .item:first-child{width: 12.3958vw;height: 12.3958vw; left: 6.5625vw;top: 4.375vw;}
.person-list .item:nth-child(2){width: 8.9583vw;height: 8.9063vw; left: -5.1042vw;top: 15.2083vw;}
.person-list .item:nth-child(3){width: 11.3542vw;height: 11.3542vw;left: -0.5208vw;top: 31.875vw;}
.person-list .item:nth-child(4){width: 9.2708vw; height:  9.2708vw;right: -3.9583vw;top: 2.2396vw;}
.person-list .item:nth-child(5){width: 12.9167vw; height:12.9167vw;right: -3.125vw;top: 17.2917vw;}
.person-list .item:nth-child(6){width: 6.3542vw;height: 6.3542vw;right: 6.0417vw;top: 35.2083vw;}
.person-list .item:nth-child(7){width: 9.3229vw;height:9.3229vw;right: 7.7604vw;top: 31.4583vw;}
.home .team-box .info{line-height: 1.4815;}

@keyframes autoRun3d {
  from {
    transform: perspective(237.5vw) rotateY(-360deg);
  }
  to {
    transform: perspective(237.5vw) rotateY(0deg);
  }
}

@keyframes animateBrightness {
    /*10% {*/
    /*    filter: brightness(1);*/
    /*}*/
    /*50% {*/
    /*    filter: brightness(0.3);*/
    /*}*/
    /*90% {*/
    /*    filter: brightness(1);*/
    /*}*/
    
    10% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    90% {
        opacity: 1;
    }
    /*10% {*/
    /*    filter: invert(0);*/
    /*}*/
    /*50% {*/
    /*    filter: invert(1);*/
    /*}*/
    /*90% {*/
    /*    filter: invert(0);*/
    /*}*/

}

.new-card{
    overflow: hidden;
}

.card-3d {
  position: relative;
  width: 108.3333vw;
  height: 42.7292vw;
  left: 50%;
  margin-left: -54.1667vw;
  transform-style: preserve-3d;
  transform: perspective(237.5vw);
  animation: autoRun3d 60s linear infinite;
  will-change: transform;
}

.card-3d .item {
  position: absolute;
  width: 23.75vw;
  height: 34.3958vw;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  animation: animateBrightness 60s linear infinite;
  transition-duration: 200ms;
  will-change: transform, filter;
}

.card-3d .item img{
    display: block;
    width: 100%;
    height: 30.9375vw;
    object-fit: cover;
    border-radius: 1.0417vw;
}

.card-3d .item .name{
    font-size: 1.25vw;
    line-height: 1.3;
    color: var(--c8);
    margin-top: 1.0417vw;
    text-align: center;
}


.card-3d:hover {
  animation-play-state: paused !important;
}

.card-3d:hover div {
  animation-play-state: paused !important;
}

.card-3d .item:nth-child(1) {
  transform: translate(-50%, -50%) rotateY(0deg) translateZ(40.625vw);
  animation-delay: -0s;
}

.card-3d .item:nth-child(2) {
  transform: translate(-50%, -50%) rotateY(36deg) translateZ(40.625vw);
  animation-delay: -6s;
}

.card-3d .item:nth-child(3) {
  transform: translate(-50%, -50%) rotateY(72deg) translateZ(40.625vw);
  animation-delay: -12s;
}

.card-3d .item:nth-child(4) {
  transform: translate(-50%, -50%) rotateY(108deg) translateZ(40.625vw);
  animation-delay: -18s;
}

.card-3d .item:nth-child(5) {
  transform: translate(-50%, -50%) rotateY(144deg) translateZ(40.625vw);
  animation-delay: -24s;
}

.card-3d .item:nth-child(6) {
  transform: translate(-50%, -50%) rotateY(180deg) translateZ(40.625vw);
  animation-delay: -30s;
}

.card-3d .item:nth-child(7) {
  transform: translate(-50%, -50%) rotateY(216deg) translateZ(40.625vw);
  animation-delay: -36s;
}

.card-3d .item:nth-child(8) {
  transform: translate(-50%, -50%) rotateY(252deg) translateZ(40.625vw);
  animation-delay: -42s;
}

.card-3d .item:nth-child(9) {
  transform: translate(-50%, -50%) rotateY(288deg) translateZ(40.625vw);
  animation-delay: -48s;
}

.card-3d .item:nth-child(10) {
  transform: translate(-50%, -50%) rotateY(324deg) translateZ(40.625vw);
  animation-delay: -54s;
}


/*移动端适配*/
@media screen and (max-width: 750px) {
    .guide{display: none !important;}
    .guide video{display: none;}
    
    .home .swiper-banner .main{padding: 0 .3rem 1.8rem;}
    .home .swiper-banner .title{font-size: .64rem;}
    .home .swiper-banner .brand{margin-top: .6rem;}
    .home .swiper-banner .list{padding: 0 .4rem;height: .51rem;}
    .home .swiper-banner .list::before,
    .home .swiper-banner .list::after{width: .2rem;height: .51rem;}
    .home .swiper-banner .brand img{height: .36rem;margin: 0 .1rem;}
    .home .swiper-banner .bot{bottom: 0;padding: .45rem .3rem .3rem;}
    .home .swiper-banner .tips i{width: .24rem;height: .24rem;margin: 0 .1rem;}
    .home .swiper-banner .banner-pic{width: 100%;}
    .home .swiper-banner .en-txt{margin-top: .8rem;font-size: .28rem;line-height: 1.75;}
    
    
    .home .about-box .main{padding: 0 .3rem;}
    .home .swiper-about{margin-top: .5rem;}
    .home .swiper-about .pic{border-radius: .2rem;}
    .home .swiper-about .swiper-button-prev,
    .home .swiper-about .swiper-button-next{display: none;}
    .home .swiper-about .swiper-pagination{width:92%;bottom: .3rem;left: 4%;}

    .home .case-box{height: 78vh;overflow: hidden;}
    .home .case-page{transform: translate(-50%, -50%) scale(0.489063) !important;}
    .home .case-wordmark{font-size: 82px;}
     
    .home .carousel .card .info{padding:0 .3rem .3rem;height: 1.8rem;}
    .home .carousel .card .title{font-size: .3rem;}
    .home .carousel .card .link{margin-top: .1rem;font-size: .26rem;width: 1.6rem;height:.48rem; border-radius:.24rem;}
    .home .com-tit{font-size: .6rem;}
    .home .idea-box{padding-top: .8rem;}
    .home .tuijing{margin-top: .5rem;}

    .home .idea-box .main{margin: 0;}
    .home .idea-box .box{padding: .6rem .3rem;}
    .home .idea-box .box .en{font-size: .4rem;}
    .home .idea-box .title{margin-top: .2rem;font-size: .32rem;}
    .home .idea-box .txt{margin-top: .3rem;line-height:1.4;}
    .home .idea-box .item{display: none;}
    .home .idea-box .item2{display: block;width: 4.05rem;height:calc(50vh - .7rem);left:.3rem;top:0;}
    .home .idea-box .item3{display: block;width: 2.75rem;height:calc(50vh + .6rem);right: .3rem;top:0;}
    .home .idea-box .item6{display: block;width: 2.75rem;height:calc(50vh + .6rem);left: .3rem;bottom:0;}
    .home .idea-box .item7{display: block;width: 4.05rem;height:calc(50vh - .7rem);right: .3rem;bottom: 0;}
    
    .home .idea-box .move-logo{width: 1.2rem;height: 1.2rem;}
    .home .idea-box .img{width: 1.2rem;height: 1.2rem;border-radius: .2rem;}
    .home .idea-box .img img{width: .8rem;}

    .home .venue-box{padding-top: 1.2rem;}
    .home .venue-heading{display: block;}
    .home .venue-heading .fac{justify-content: center;}
    .home .venue-heading .headline{font-size:8vw;line-height: 8vw;height: 8vw;}
    .home .venue-heading .arrow{width:7vw;margin-left: .2rem;margin-bottom: .2rem;}
    .home .venue-heading .pic{width: 3.52rem;margin: .3rem auto 0;}
    .home .service-heading .pic{width: 2.02rem;margin-top: .3rem;}
    .home .team-heading{position: absolute;left:0;top:1.8rem;width:100%;}
    .home .team-heading .fac{justify-content: center;}
    .home .team-heading .pic{width: 2.08rem;margin-top: .3rem;}
    
    .home .venue-box .main{margin-top: .5rem;padding: 0 .3rem;}
    .home .venue-box .left, 
    .home .venue-box .right{display: none;}
    .home .venue-box .mid{width: 100%;}
    .home .swiper-big .swiper-button-prev,
    .home .swiper-big .swiper-button-next{display: none;}
    .home .swiper-mid{height: 4.1rem;}
    .home .swiper-mid img{height: 4.1rem;}
    .home .swiper-mid .swiper-pagination{opacity: 1;bottom: .3rem;}
    .home .swiper-mid .swiper-pagination .swiper-pagination-bullet{margin: 0 .1rem;width:.12rem;height: .12rem;}
    .home .swiper-mid .swiper-pagination .swiper-pagination-bullet-active{background: var(--ch);}
    .home .pro-box{padding-top: .8rem;}
    .home .pro-box .main{margin-top: .5rem;padding: 0;display: block;}
    .home .pro-box .left{width: 100%;padding-top: 0;}
    .home .pro-box .info{width: 100%;}
    .home .pro-box .pic{margin: .6rem 0 0;width: 4rem;}
    .home .pro-box .right{width: 100%;margin-right: 0;}
    .home .pro-box .list{flex-wrap: wrap;}
    .home .pro-box .item{width: 100%;height: 3.6rem;padding: .6rem .4rem;margin-bottom: .3rem;border-radius: .2rem;}
    .home .pro-box .name{font-size: .48rem;}
    .home .service-box{padding-top: .8rem;}
    .home .service-box .item{width: 2.3rem;height: 2.3rem;margin:0 0 .2rem;}
    .home .service-box .item img{max-width: 2rem;max-height: 2rem;}
    
    .home .team-box{padding: 2.6rem 0 .8rem;overflow: hidden;}
    .home .team-box .container{display: flex;flex-direction: column-reverse;}
    .home .team-box .main{padding: 4.55rem 0 0;height: auto;}
    .home .team-box .swiper-team{width: 7.2rem;}
    .home .team-box .swiper-team .swiper-slide{width: 5.56rem;}
    .home .team-box .swiper-team a{display: block;background: var(--cw);border-radius: .3rem;padding:.2rem .2rem .4rem;}
    .home .team-box .swiper-team img{display: block;width: 100%;height: 3.8rem;object-fit: cover;}
    .home .team-box .swiper-team .txt{margin-top: .8rem;position: relative;}
    .home .team-box .swiper-team .txt::before{content: '';width: .32rem;height: .32rem;left: 0;top: -.48rem;background: url(../images/dh_arrow.png) no-repeat;background-size: cover;position: absolute;}
    .home .team-box .swiper-team .fan-more{margin-top: .5rem;}
    .home .team-box .swiper-team .fan-more i{display: block;width: .26rem;height: .26rem;background: url(../images/scroll_arrow.png) no-repeat;background-size: cover;transform: rotate(-90deg);margin-left: .16rem;}
    .home .team-box .person-list{position: absolute;left:0;top: 0; z-index: 10;width: 100%;}
    .person-list .item{border-width: .05rem;}
    .person-list .item img{display: block;width: 100%;}
    
    .person-list .item:first-child{width: 1.77rem;height: 1.77rem; left: -.68rem;top: -2.5rem;}
    .person-list .item:nth-child(2){width: 1.99rem;height: 1.99rem; left: auto;top: .73rem;right: .2rem;}
    .person-list .item:nth-child(3){width: 1.97rem;height: 1.97rem;left: -.78rem;top: 0;}
    .person-list .item:nth-child(4){width: 1.25rem; height: 1.25rem;left: .34rem;top: 2.57rem;}
    .person-list .item:nth-child(5){width: 1.62rem; height: 1.62rem;right: -.4rem;top: -2.55rem;}
    .person-list .item:nth-child(6){width: 1.82rem;height: 1.82rem;right: .46rem;top: .34rem;}
    .person-list .item:nth-child(7){width: 1.63rem;height: 1.63rem;right: -.78rem;top: 2.19rem;}
    .home .team-box .info{line-height: 1.4815;}
    .home .team-box .com-tit{margin-top: 0;}
    .home .team-box .info{margin-top: .3rem;font-size: .26rem;}
}