.swiper-wrapper{    transition-delay:.3s;}.item-one {    width: 100%;    height: 100vh;    background:#000;}.item-two {}.item-three {    height: 100%;    position: relative;}.item-three .photo {    position:relative;    height:100%;}.item-three .photo img {    width: 100%;    height: 100%;    object-fit: cover;    opacity:0.9;    transform: scale(1);    transition: all 1s;}.item-three .photo:after {    content: "";    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: rgb(0,0,0,0.5);    opacity:0;    z-index: 1;    transition: all 1s;}.item-three .word {    display: flex;    position:absolute;    top: 0;    left:0;    width:100%;    height:100%;    z-index: 1;}.item-three .word .container {    position:relative;}.item-three .word .word-item {    position: absolute;    left: 0;    bottom: 100px;}.item-three .word .word-item h6 {    font-size: 22px;    color:#fff;    font-family: "VALKYREGULAR";    transform:translateX(-200px);    opacity:0;    transition:all .4s;}.item-three .word .word-item h5 {    font-size: 34px;    color:#fff;    font-weight: 200;    margin:40px 0 0 0;    transform:translateX(-200px);    opacity:0;    transition:all .8s;}.item-three .word .word-item h4 {    font-size: 34px;    color:#fff;    font-weight: 200;    margin:10px 0 0 0;    transform:translateX(-200px);    opacity:0;    transition:all 1s;}.item-three .word .word-item a {    display:block;    width:160px;    height:40px;    border-radius: 5px;    margin:50px 0 0 0;    line-height: 40px;    font-size: 14px;    color:#fff;    font-weight: 200;    transform:translateX(-200px);    opacity:0;    transition:all 1.2s;}.item-three .word .word-item a:hover {    }.item-three .word .word-item a::after {    content: "";    width: 24px;    height: 24px;    margin: 0 0 0 20px;    display: inline-block;    vertical-align: middle;    background: url(../images/go.svg) no-repeat left center/12px;}.item-three .word .word-item a::before {    content: '';    position: absolute;    left: 0;    bottom: -10px;    height: 1px;    width: 60px;    background: #fff;    animation: bianhua 2s linear infinite;}@keyframes bianhua {  0% {      width: 0%;      opacity:0;  }  100% {      opacity:1;      width: 100px;  }   }/*swiper动画特效*/.ani-slide.item-three .photo img {    transform: scale(1.05);    opacity:1;}.ani-slide.item-three .photo:after {    opacity:1;} .ani-slide.item-three .word .word-item h6,.ani-slide.item-three .word .word-item h5,.ani-slide.item-three .word .word-item h4,.ani-slide.item-three .word .word-item a{    transform:translateX(0);    opacity:1;}/*swiper动画特效*//*浮窗右侧*/.item-one .swiper-pagination {    right: 30px !important;}.item-one .swiper-pagination-bullet {    margin: 10px 0 !important;    opacity: 1;    width: 16px;    height: 16px;    border: 1px solid transparent;    position: relative;    background: transparent;    cursor: pointer;}.item-one .swiper-pagination-bullet:after {    content: "";    display: block;    width: 6px;    height: 6px;    background: #fff;    border-radius: 50%;    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);}.item-one .swiper-pagination-bullet-active {    border: 1px solid #fff;}@media screen and (max-width:1024px){.item-one .swiper-pagination {    right: 15px !important;}.item-one .swiper-pagination-bullet {    margin: 10px 0 !important;    opacity: 1;    width: 12px;    height:12px;    border: 1px solid transparent;    position: relative;    background: transparent;    cursor: pointer;}.item-one .swiper-pagination-bullet:after {    content: "";    display: block;    width: 3px;    height: 3px;    background: #fff;    border-radius: 50%;    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);}.item-one .swiper-pagination-bullet-active {    border: 1px solid #fff;}    }/*浮窗右侧*/@media screen and (max-width:1024px){.item-one {    width: 100%;    height: 100vh;    background:#000;}.item-two {}.item-three {    height: 100%;    position: relative;}.item-three .photo {    position:relative;    height:100%;}.item-three .photo img {    width: 100%;    height: 100%;    object-fit: cover;    opacity:0.9;    transform: scale(1);    transition: all 1s;}.item-three .photo:after {    content: "";    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: rgb(0,0,0,0.5);    opacity:0;    z-index: 1;    transition: all 1s;}.item-three .word {    display: flex;    position:absolute;    top: 0;    left:0;    width:100%;    height:100%;    z-index: 1;}.item-three .word .container {    position:relative;}.item-three .word .word-item {    position: absolute;    left: 10%;    bottom: 20%;}.item-three .word .word-item h6 {    font-size: 18px;    color:#fff;    font-family: "VALKYREGULAR";    transform:translateX(-200px);    opacity:0;    transition:all .4s;}.item-three .word .word-item h5 {    font-size: 24px;    color:#fff;    margin:20px 0 0 0;    transform:translateX(-200px);    opacity:0;    transition:all .8s;}.item-three .word .word-item h4 {    font-size: 24px;    color:#fff;    margin:10px 0 0 0;    transform:translateX(-200px);    opacity:0;    transition:all 1s;}.item-three .word .word-item a {    display:block;    width:160px;    height:40px;    border-radius: 5px;    margin:30px 0 0 0;    line-height: 40px;    font-size: 14px;    color:#fff;    transform:translateX(-200px);    opacity:0;    transition:all 1.2s;}.item-three .word .word-item a::after {    content: "";    width: 24px;    height: 24px;    margin: 0 0 0 20px;    display: inline-block;    vertical-align: middle;    background: url(../images/go.svg) no-repeat left center/12px;}    }.footer {    display: none;}