.scene{width:100%;margin-top: 30px;overflow:hidden;background:#f2f3f5;position:relative}
.scene .scene-content{display:flex;width:100vw;height: 40.15vw;overflow:hidden}
.scene .scene-content .scene-content-item{position:relative;flex:1 1 10.8rem;transition:all 1s;will-change:auto}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper{position:relative;overflow: visible;}
.scene .scene-content .scene-content-item .scene-wrapper{position:relative;z-index:1;width:100%;height:100%;box-sizing:border-box;transform:skew(6.15deg);transform-origin: left top;overflow:hidden}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before{content:"";position:absolute;top:0;right:0;z-index:10;width:2px;height:100%;background-color:#fff;opacity:.3}
.scene .scene-content .scene-content-item .scene-wrapper-bg{position:absolute;top:0;left:50%;margin-left:-5.44rem;width:137rem;height:100%;transform:translate(-50%,0) skew(-6.15deg);transform-origin:left top}
.scene .scene-content .scene-content-item .scene-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;
background:linear-gradient(107deg,#0a2349 20%,rgba(10,35,73,0) 100%);opacity:0;visibility:hidden;transition:all .6s}

.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg>img{transform:translate(-9.505rem,0)}
.scene .scene-content .scene-content-item .item-thumb{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#113c1e 0,rgba(10,35,73,0) 60%);transition:opacity .4s}
.scene .scene-content .scene-content-item .item-detail{opacity:0;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#557f18 0%,rgba(10,35,73,0) 60%);transition:opacity .4s}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-title{margin-top:90px;text-align:center;color:#fff;font-size:34px;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content{position:relative;margin-left:53.48rem}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item{line-height:2.85rem;color:#fff;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-name{width:11.4rem;line-height:2.85rem;color:#fff;font-size:1.52rem;font-weight:300;cursor:pointer;transition:all .4s}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info{display:none;left:14.45rem;top:0}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-info{display:block}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs{display:flex;margin-bottom:2.0416rem}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a:last-child,.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img:last-child{margin-right:0}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a{margin-right:2rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img{position:relative;width:18rem;height:10.7rem;padding:0 2.548rem;background-repeat:no-repeat;background-position:center;background-size:100% 100%;will-change:background-size;display:flex;justify-content:center;align-items:flex-end;transition:background-size .6s}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;
background:linear-gradient(to top,#344492, transparent);}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img:hover{background-size:106% 106%}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img span{position: relative;z-index: 99;padding-bottom:1rem;line-height:2.09rem;color:#fff;font-size:1.248rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more{text-align:left;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more .button{cursor:pointer;width:12.927rem;height:.11458rem;line-height:4.18rem}

.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg>img{transform:translate(0,0)}
.scene .scene-content:hover .item-thumb{z-index:99}
.scene .scene-content .scene-content-item:hover{flex:1 0 48.9rem}
.scene .scene-content .scene-content-item:hover .item-detail{opacity:1;z-index:999}
.scene .scene-content .scene-content-item:hover .item-thumb{opacity:0;}
.scene .scene-content .scene-content-item .scene-wrapper-bg>img{width:100%;height:100%;transition:transform .5s}

.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg>img{transform:translate(.260417rem,0)}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper{position:relative}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before{content:"";position:absolute;top:0;left:0;z-index:10;width:2px;height:100%;background-color:#fff;opacity:.3}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg>img{transform:translate(-.182292rem,0)}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-desc{margin-bottom:.101563rem;line-height:.057292rem;text-align:center;color:#fff;font-size:1.52rem;font-weight:1.52rem;}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action{display:flex;justify-content:center}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left,.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right{position:relative;width:.049479rem;height:.135417rem;
background-image:url(rect-small.dc028340.png);background-repeat:no-repeat;background-position:center center;background-size:cover}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left{left:0.38rem}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right{left:-.010417rem}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center{width:6.84rem;height:4.94rem;background-image:url(rect.ff8cbac0.png);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;justify-content:center;align-items:center}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center img{width:2.3rem;height:2.3rem}
.scene .scene-content .scene-content-item .item-detail .item-detail-header{margin-bottom:90px;padding:4.8rem 0 0 53.481rem;width:70%;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header:hover .item-detail-arrow div{-webkit-animation:heroArrow2 1s ease infinite;animation:heroArrow2 1s ease infinite}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-title{line-height:4.037rem;color:#fff;font-size:34px;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-desc{margin-bottom:1.52rem;line-height:32px;color:#fff;font-size:18px;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow{overflow:hidden}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow span{color:#fff;display: flex;
    font-size: 18px; justify-content: space-between;align-items: center;width: 130px;
    position: relative;z-index: 1;transition: all 0.5s ease;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow div{display:flex}

.scene-more span em {transform: skew(-5deg);display: block;Font-size:16px;color:#fff;}
.scene-more  span {display: inline-block;transform: skew(10deg);border: 1px solid #ffffff6e;width: 170px;text-align: center;height: 50px;line-height: 50px;}
.scene .scene-content .scene-content-item .item-thumb .item-thumb-title{margin-left:100px;}
.scene .scene-content:hover+.scene-hot,.scene-mobile{display:none}
@media screen and (max-width:1440px){
.scene .scene-content .scene-content-item .item-thumb .item-thumb-title,.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-title{font-size: 28px;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header{margin-bottom: 40px;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-name{font-size:1.25rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img{width: 15rem;height: 8.7rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img span{font-size:1rem}
.scene-more span{height:40px;line-height:40px;}
.scene .scene-content .scene-content-item .item-detail .item-detail-content{margin-left: 55.48rem;}
.scene .scene-content .scene-content-item .item-detail .item-detail-header{padding-left:55.48rem}
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs{margin-bottom: 1rem}
}

@media screen and (max-width:1200px){
.scene{display:none}
.scene-mobile{display:block;background:#f2f3f5;margin-top:30px;}
.scene-mobile .scene-header{padding:.48rem 0}
.scene-mobile .scene-header .scene-header-title{margin-bottom:.08rem;line-height:.37rem;text-align:center;color:#000;font-size:.26rem;font-weight:400;}

.scene-mobile .scene-content .scene-item-inner .scene-item-title,.scene-mobile .scene-header .scene-header-desc{line-height:.37rem;text-align:center;font-size:28px;}
.scene-mobile .scene-header .scene-header-desc b{font-weight:400;}

.scene-mobile .scene-content .scene-item-inner{position:relative;padding-top:.53rem;width:100%;height:22.4rem;background-repeat:no-repeat;background-position:center;background-size:cover}
.scene-mobile .scene-content .scene-item-inner .text{position:absolute;top:0;left:0;text-align:center;width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;
    height: 100%;background: #2538954d;}
.scene-mobile .scene-content .scene-item-inner .scene-item-title{color:#fff;}
.scene-mobile .scene-content .scene-item-inner .scene-item-desc{margin-top:26px;line-height:.2rem;text-align:center;color:#fff;font-size:16px;}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow{position:relative;display:flex;justify-content:center;align-items:center}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-left,.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-right{width:.16rem;height:.42rem}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-center{width:.56rem;height:.42rem}
.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow{position:absolute;top:.08rem;left:50%;transform:translate(-50%,0);width:.24rem;height:.24rem}
.scene-mobile .scene-more {margin-top:30px;}
}