.home {
	 position: relative;
	 width: 100%;
}
 .home .banner {
	 width: 100%;
	 position: relative;
	 max-height: 100vh;
	 overflow: hidden;
}
 .home .banner .swiper1 {
	 width: 100%;
	 height: 100%;
}
 .home .banner .swiper1 .swiper-slide img {
	 width: 100%;
	 height: 100%;
}
 .home .banner video {
	 width: 100%;
	 max-height: 100vh;
	 object-fit: cover;
}
 .home .banner .text {
	 position: absolute;
	 left: 7.1875vw;
	 bottom: 5.2083333333vw;
	 z-index: 5;
     max-width: 845px;
}
 .home .banner .text .t {
	 color: #fff;
	 font-size: 1.25vw;
	 line-height: 2.5vw;
	/* 200% */
    
}
 .home .banner .text .btn {
	 display: flex;
	 background: rgba(255, 255, 255, 0.20);
	 backdrop-filter: blur(17.25px);
	 font-size: 0.9375vw;
	 width: fit-content;
	 border-radius: 30px;
	 align-items: center;
	 justify-content: space-between;
	 padding: 0.3vw 0.6vw 0.3vw 1.5vw;
	 color: white;
	 margin-top: 1.5vw;
	 font-weight: 700;
	 cursor: pointer;
}
 .home .banner .text .btn p {
	 transform: translateY(-2px);
	 font-weight: 200;
}
 .home .banner .text .btn img {
	 margin-left: 1.2vw;
	 width: 2.0833333333vw;
	 transition: all 600ms;
	 display: block;
}
 .home .banner .text .btn:hover img {
	 transform: translateX(5px);
}
 .home .banner .text .cut {
	 margin: 2.0833333333vw 0 0 0;
	 display: flex;
	 width: 11.3541666667vw;
	 justify-content: space-between;
}
 .home .banner .text .cut div {
	 width: 2.6041666667vw;
	 height: 0.2083333333vw;
	 background: #c0c0c0;
	 border-radius: 0.2604166667vw;
	 cursor: pointer;
}
 .home .banner .text .cut div.on {
	 background: #fff;
}
 

/* index1 */
.index1 {
	 padding: 3.4375vw 1.25vw 0 1.25vw;
	 justify-content: space-between;
	 flex-wrap: wrap;
	 gap: 1.25vw;
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
}
 .index1 * {
	 box-sizing: border-box;
}
 .index1 .item {
	 width: 100%;
	 height: 35.4166666667vw;
	 position: relative;
	 overflow: hidden;
}
 .index1 .item:hover img {
	 transform: scale(1.05);
}
 .index1 .item:after {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 14.3229166667vw;
	 background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.32) 100%);
	 z-index: 2;
	 bottom: 0;
	 left: 0;
}
 .index1 .item .position {
	 position: absolute;
	 bottom: 3.5416666667vw;
	 left: 3.5416666667vw;
	 z-index: 3;
}
 .index1 .item .position h1 {
	 color: #fff;
	 font-size: 2.0833333333vw;
	 font-style: normal;
	 font-weight: 400;
	 margin: 0 0 1.0416666667vw;
}
 .index1 .item .position > p {
	 color: #fff;
	 font-size: 1.0416666667vw;
	 font-style: normal;
	 font-weight: 300;
}
 .index1 .item .position .btn {
	 display: flex;
	 background: rgba(255, 255, 255, 0.20);
	 backdrop-filter: blur(17.25px);
	 font-size: 0.9375vw;
	 width: fit-content;
	 border-radius: 1.5625vw;
	 align-items: center;
	 justify-content: space-between;
	 padding: 0.3vw 0.6vw 0.3vw 1.5vw;
	 color: white;
	 margin-top: 1.5vw;
	 font-weight: 700;
	 cursor: pointer;
}
 .index1 .item .position .btn p {
	 font-weight: 200;
}
 .index1 .item .position .btn img {
	 margin-left: 1.2vw;
	 width: 2.0833333333vw;
	 transition: all 600ms;
	 display: block;
}
 .index1 .item .position .btn:hover img {
	 transform: translateX(5px);
}
 .index1 .item .img {
	 height: 100%;
	 width: 100%;
	 transition: 0.6s all;
}
 .index1 .item .img img {
	 width: 100%;
	 height: 100%;
	 transition: 0.6s all;
}
 @keyframes opacityAnimate {
	 0% {
		 opacity: 1;
		 transform: translate(0, 0) scale(1);
	}
	 30% {
		 opacity: 0.2;
		 transform: translate(-5vw, 0vw) scale(0.8);
	}
	 50% {
		 opacity: 1;
		 transform: translate(2vw, 5vw) scale(0.85);
	}
	 60% {
		 opacity: 0.5;
		 transform: translate(0vw, 10vw) scale(0.9);
	}
	 80% {
		 opacity: 1;
		 transform: translate(5vw, 0vw) scale(0.95);
	}
	 100% {
		 opacity: 1;
		 transform: translate(0, 0) scale(1);
	}
}