.index-main .awbtn{position:relative;float:left;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #fff;border-radius:50%;cursor:pointer;}
.index-main .awbtn:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;}
.index-case .awbtn.prev{margin-right:1.35vw;}
.index-case .awbtn.next:after{background-position-x:-100%;}
.index-case .morebtn{position:relative;display:inline-block;height:4.2vw;margin-top:3vw;}
.index-case .morebtn i{display:inline-block;height:1.875vw;line-height:1.875vw;padding:0 0.5vw;font-size:0.83vw;color:#000;background-color:#eae9e6;text-transform:uppercase;border-radius:1vw;vertical-align:middle;transform:translateX(-1.1vw);transition:all .5s;}
.index-case .morebtn:before{content:" ";display:inline-block;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #696969;border-radius:50%;vertical-align:middle;}
.index-case .morebtn:after{content:" ";position:absolute;left:2.1vw;top:2.1vw;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position:-100% -100%;}
.index-case .morebtn:hover i{color:#eae9e6;transform:translateX(0);}

.index-project .awbtn.prev{margin-right:1.35vw;}
.index-project .awbtn.next:after{background-position-x:-100%;}
.index-project .morebtn{position:relative;display:inline-block;height:4.2vw;margin-top:3vw;}
.index-project .morebtn i{display:inline-block;height:1.875vw;line-height:1.875vw;padding:0 0.5vw;font-size:0.83vw;color:#000;background-color:#eae9e6;text-transform:uppercase;border-radius:1vw;vertical-align:middle;transform:translateX(-1.1vw);transition:all .5s;}
.index-project .morebtn:before{content:" ";display:inline-block;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #696969;border-radius:50%;vertical-align:middle;}
.index-project .morebtn:after{content:" ";position:absolute;left:2.1vw;top:2.1vw;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position:-100% -100%;}
.index-project .morebtn:hover i{color:#eae9e6;transform:translateX(0);}

.index-main .slidebox{position:relative;width:100%;z-index:9;overflow:hidden;}
.index-main .slidebox .slideshow{position:relative;width:100%;height:100vh !important;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;width:100vw;height:100vh !important;overflow:hidden;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slideshow:after{content:" ";position:absolute;left:0;top:0;width:100%;height:8vw;background-image:url(../images/top-shadow.png);background-size:100% 100%;z-index:100;}
.index-main .slidebox .slidelist{position:absolute;right:2.2vw;top:50%;width:8px;transform:translateY(-50%);}
.index-main .slidebox .slidelist ul li{width:8px;height:8px;margin:20px 0;background-color:#fff;border-radius:50%;box-sizing:border-box;cursor:pointer;transition:all .5s;}
.index-main .slidebox .slidelist ul li.active{transform:scale(1.5);}
.index-main .slidebox .btnbox{position:absolute;left:7.65%;bottom:9.5%;}
.index-main .slidebox .num{position:absolute;right:7.65%;bottom:9.5%;font-size:1.25vw;font-family:"Gotham-Thin";color:#fff;}
.index-main .slidebox .num .act{font-size:3.75vw;}
.index-main .slidebox.hei .slideshow ul li{position:relative;}
.index-main .slidebox.hei .slideshow ul li img{position:absolute;left:50%;top:0;width:auto;height:100%;transform:translateX(-50%);}



.index-position{margin-bottom:6vw;padding:1.2vw 0 2.6vw;}
.index-position img{width:100%;height:auto;opacity:0;transition:opacity 1s,transform 1s;}
.index-position span{position:absolute;line-height:7.55vw;font-size:7.55vw;color:rgba(18,18,18,.1);text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity 1s,transform 1.5s;transition-delay:.4s;}
.index-position h3{position:absolute;line-height:1.3vw;font-size:1.25vw;color:#000;}
.index-position h3 i{margin-left:0.5vw;font-size:0.83vw;color:#666;text-transform:uppercase;}
.index-position h3 em{opacity:0;transition:all .5s;transition-delay:1.4s;}
.index-position .info{opacity:0;transition:all .5s;transition-delay:1.5s;}
.index-position .ceo{position:relative;float:left;width: 34%;}
.index-position .ceo img{transform:translateX(5vw);}
.index-position .ceo .act{display:none;}
.index-position .ceo span{right:-13.5vw;top:15%;transform:translateX(3vw);}
.index-position .ceo h3{right:-11.5vw;top:35%;}
.index-position .ceo h3:after{content:"";position:absolute;left:-4.5vw;top:50%;width:0;height:1px;background-color:#818181;transition:all 1s;transition-delay:.4s;}
.index-position .ceo .info{position:absolute;top:41%;right:-20.3vw;width:20.3vw;padding-left:0.94vw;box-sizing:border-box; }
.index-position .info p{position:relative;padding-left:0.78vw;line-height:1.56vw;font-size:0.83vw;color:#111111;font-family:'Gotham-Light'; }
.index-position .info p:after {content: "";display:block;width:0.31vw;height:0.31vw;position:absolute;left:0;top:0.625vw;background-color:#666666;border-radius:50%; }
.index-position .designer{position:relative;float:right;width: 40%; padding-top: 9.38vw;}
.index-position .ph{display: none;}
.index-position .designer img{transform:translateX(-5vw);}
.index-position .designer .act{display:none;}
.index-position .designer span{left: -5.5vw; top:-2.2vw;transform:translateX(-5vw);}
.index-position .designer h3{left:1.6vw;bottom:-3.6vw;}
.index-position .designer h3:after{content:"";position:absolute;left:3.9vw;top:-4.5vw;width:1px;height:0;background-color:#818181;transition:all 1s;transition-delay:.4s;}
.index-position .designer .info{position:absolute;bottom:-10.42vw;left:1.6vw;width:30vw;box-sizing:border-box;}
.index-position.action img{transform:translateX(0);opacity:1;}
.index-position.action span{transform:translateX(0);opacity:1;}
.index-position.action h3 em{opacity:1;}
.index-position.action .info{opacity:1;}
.index-position.action .ceo h3:after{width:3.5vw;}
.index-position.action .designer h3:after{height:3.5vw;}

.index-case{overflow:hidden;}
.index-case .slide-case{position:relative;}
.index-case .slide-dot{position:relative;margin-bottom:2.6vw;overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-case .slide-dot li{float:left;line-height:2vw;margin-right:1.4vw;color:#000;/*border-bottom:1px solid*/transparent;cursor:pointer;}
.index-case .slide-dot li.active{border-bottom:2px solid #310c51;color:#310c51;font-weight:bold;}
.index-case .slide-dot:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#fff;transition:all 3s;}
.index-case .slide-pic{position:relative;width:100%;margin-bottom:1.8vw;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-case .slide-pic ul{position:relative;left:0 !important;width:100% !important;height:40vw;}
.index-case .slide-pic li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.index-case .slide-pic li .pic{float:right;width:71.15%;height:100%;transform:translateX(10vw);opacity:0;transition:all 1s;}
.index-case .slide-pic li .pic img{width:100%; max-height:100%;}
.index-case .slide-pic li .text{position:absolute;left:0;top:50%;width:37.25vw;height:31.25vw;padding:4.8vw 4.8vw 0;margin-top:-15.625vw;box-sizing:border-box;background-color:#eae9e6;transform:translateX(-10vw);opacity:0;transition:all 1s;}
.index-case .slide-pic li .text h3{line-height:3.125vw;margin-bottom:1.5vw; color:#000;}
.index-case .slide-pic li .text p{height:8vw;line-height:1.6vw;margin-bottom:1.5vw; color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.index-case .slide-pic li.active{z-index:9;}
.index-case .slide-pic li.active .pic{transform:translateX(0);opacity:1;}
.index-case .slide-pic li.active .text{transform:translateX(0);opacity:1;}
.index-case .slide-pic:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transition:all 1.2s;}
.index-case .btn{position:relative;overflow:hidden;opacity:0;}
.index-case .btn span{position:relative;display:block;float:left;width:4.2vw;height:4.2vw;border:1px solid #696969;box-sizing:border-box;border-radius:50%;cursor:pointer;}
.index-case .btn span:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;}
.index-case .btn .prev{margin-right:1.35vw;}
.index-case .btn .next:after{background-position-x:-100%;}
.index-case .btn:after{content:"";position:absolute;left:21.5vw;top:50%;width:33.5vw;height:3px;margin-top:-1px;background-color:#56565a;}
.index-case .act{position:absolute;right:2vw;top:0;line-height:10vw;-webkit-text-stroke:1px #aaa;color:transparent;font-size:12.5vw;font-family:"Gotham-Bold";}
.index-case.action .slide-dot{transform:scale(1) translateY(0);opacity:1;}
.index-case.action .slide-dot:after{width:0;}
.index-case.action .slide-pic{transform:scale(1) translateY(0);opacity:1;}
.index-case.action .slide-pic:after{width:0;}
.index-case.action .btn{opacity:1;}

.index-project{overflow:hidden;}
.index-project h2{line-height:3.125vw;margin-bottom:3vw;font-size:3.125vw;text-align:center;text-transform:uppercase;color:#000;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-project h2:after{content:"";position:absolute;right;top:0;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-project .left{float:left;width:47.2%;}
.index-project .right{float:right;width:52.4%;}
.index-project .pic{position:relative;height:0;overflow:hidden;}
.index-project .pic img{position: absolute; width:100%;height:100%;opacity:0;transition:opacity 1s;}
.index-project .pic:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-project .p1{padding-bottom:48.7%;margin-bottom:0.85%;}
.index-project .p1:after{right:0;top:0;}
.index-project .p2{padding-bottom:67.5%;}
.index-project .p2:after{left:0;top:0;}
/* .index-project .p3{padding-bottom:72.9%;margin-bottom:0.76%;} */
.index-project .p3:after{left:0;bottom:0;}
.index-project .text{position:relative;height:270px;box-sizing:border-box;background-color:#eae9e6;}
.index-project .text .text-padding{padding:2.6vw 2.6vw 0;}
.index-project .text p{line-height:1.56vw;font-size:1.25vw;color:#000;opacity:0;transition:opacity 1s;}
.index-project .text .morebtn{float:right;margin-top:1vw;opacity:0;transition:opacity 1s;}
.index-project .text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-project.action h2{transform:scale(1) translateY(0);opacity:1;}
.index-project.action h2:after{width:0;}
.index-project.action .pic img{opacity:1;}
.index-project.action .p1:after{width:0;}
.index-project.action .p2:after{height:0;}
.index-project.action .p3:after{height:0;}
.index-project.action .text p{opacity:1;}
.index-project.action .text .morebtn{opacity:1;}
.index-project.action .text:after{width:0;}

.morebtn i{font-style: unset;}