* {margin:0; padding:0;}
*:focus{outline: none;}
.main{width: 88.0208vw;margin: 0 auto;}
@font-face{
    font-family: "Montserrat-Regular"; 
    src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/Montserrat/Montserrat-Regular.otf');
}
@font-face{
    font-family: "Montserrat-Medium"; 
    src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/Montserrat/Montserrat-Medium.otf');
}
@font-face{
    font-family: "Montserrat-ExtraLight"; 
    src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/Montserrat/Montserrat-ExtraLight.otf');
}
@font-face{
    font-family: "Montserrat-Light"; 
    src: url('https://tulashi2023.oss-cn-shenzhen.aliyuncs.com/Montserrat/Montserrat-Light.otf');
}

/* header */
.header{position: absolute;top: 0;left: 0;right: 0;z-index: 9;}
.h-box{padding: 1.3021vw 0;}
.h-b{display: flex;align-items: center;justify-content: space-between;}
.f-logo img{width: 9.2708vw;max-width: 100%;display: block;}
.f-right{display: flex;align-items: center;grid-gap: 1.4583vw;}
.f-r3{display: flex;align-items: center;justify-content: center;height: 4.1667vw;}
.f-r3 img{width: 1.1458vw;max-width: 100%;display: block;cursor: pointer;}
.f-r2{position: relative;}
.f-r2:hover .f-r4{display: block;}
.f-r4{position: absolute;top: 90%;right: -1.8229vw;width: max-content;background: #FFFFFF;border-radius: 50px;padding: .625vw 1.3542vw;display: none;}
.f-r5 img{height: 1.0417vw;max-width: 100%;display: block;}
.f-r5:hover img{filter: brightness(0);}
.f-r4::after{content: ''; width: 0;height: 0;border-left: .4688vw solid transparent;border-right: .4688vw solid transparent;border-bottom: .4688vw solid #FFFFFF;position: absolute;top: -0.2604vw;right: 1.9271vw;}
.f-r6{display: flex;align-items: center;grid-gap: 1.0938vw;}
.f-r7{display: flex;align-items: stretch;grid-gap: .2604vw;}
.f-r7 input{border: none;border-bottom: 1px solid #7f7f7f;outline: none;font-family: "Montserrat-Regular";font-size: .7292vw;color: #7f7f7f;}
.f-r7 input::-webkit-input-placeholder{font-family: "Montserrat-Regular";font-size: .7292vw;color: #7f7f7f;}
.f-r7 button{background: #7f7f7f;color: #FFF;font-family: "Montserrat-Regular";font-size: .7292vw;border: none;outline: none;padding: .2604vw .5208vw;cursor: pointer;border-radius: 6px;transition: all .3s;}
.f-r7 button:hover{background: #000;}
.f-r8.f-r4{right: -7.8229vw;}
.f-r8.f-r4::after{right: 7.9271vw;}



.pcvideo
.pcimg{
	display: block;
}
.mvideo,
.mimg{
	display: none;
}
@media screen and (max-width: 1024px){
	.pcvideo,
	.pcimg{
		display: none;
	}
	.mvideo,
	.mimg{
		display: block;
	}
}


/* 第一屏 */
.banner-b img{width: 100%;height: 100vh;object-fit: cover;}
.banner-b video{
	width: 100%;height: 100vh;object-fit: cover;
}

@media (min-width: 2000px) and (min-height: 1500px) and (orientation: landscape) {
  .banner-b video {
    object-fit: contain !important;
  }
  .banner-b img{
  	object-fit: contain !important;
  }
}

.banner-lunbo{width: 100%;height: 100vh;}
.banner-lunbo .swiper-slide{overflow: hidden;}
.banner-box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.banner-title{position: absolute;bottom: 13.5417vw;left: 0;right: 0;z-index: 1;}
.banner-t3{font-size: 3.4375vw;font-family: "Montserrat-Medium";color: #FFF;}
.banner-t4{font-size: 3.4375vw;font-family: "Montserrat-Medium";width: max-content;position: relative;}
.banner-t4 .p1{text-transform: uppercase;-webkit-text-stroke: 1px #FFF;-webkit-text-fill-color: transparent;transition: all .5s;}
.banner-t4 .p2{text-transform: uppercase;-webkit-text-stroke: 1px #FFF;-webkit-text-fill-color: #FFF;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: all .5s;}
.banner-t4:hover .p1{opacity: 0;}
.banner-t4:hover .p2{opacity: 1;}
.banner-t5{font-size: 3.4375vw;font-family: "Montserrat-Medium";color: #FFF;}
.banner-t3 p{transform: translateX(7.8125vw);}
.banner-t5 p{transform: translateX(12.5vw);}

.black-mb{position: relative;}
.black-mb::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);}

.banner-lunbo2{width: 14.5833vw;border-radius: 6px;background: #000;overflow: hidden;}
.banner-lunbo2 .swiper-slide{overflow: hidden;height: 8.2292vw;}
.bn_lu2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.banner-rb{position: absolute;bottom: 4.6875vw;right: 6.0417vw;z-index: 9;padding-bottom: 2.3438vw;}
.banner-rb .swiper-pagination{bottom: .2604vw;left: 50%;transform: translateX(-50%);z-index: 9;display: flex;align-items: center;grid-gap: 13px;}
.bn_lu2 img{width: 100%;height: 8.2292vw;object-fit: cover;max-width: 100%;display: block;}
.bn_lu2 video{width: 100%;height: 8.2292vw;object-fit: cover;max-width: 100%;display: block;}
.banner-rb .swiper-pagination-bullet{width: 7px;height: 7px;transition: all .5s;}
.banner-rb .swiper-pagination-bullet-active{width: 10px;height: 10px;}
.banner-rb .swiper-button-next{position: absolute;right: 0;bottom: 0;top: auto;z-index: 9;}
.banner-rb .swiper-button-next img{max-width: 100%;display: block;}
.pt-page-1 .contentpage{opacity: 0;}
.pt-page-current.pt-page-1 .contentpage{opacity: 1;}

/* 第二屏 */
.pt-page-2{overflow: hidden;}
.w1{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);z-index: 9;}
.w1-b{width: 36.4583vw;height: 22.9167vw;overflow-y: scroll;padding-right: 3%;}
.w1-b::-webkit-scrollbar{width: 3px;border-radius: 4px;background: rgba(255, 255, 255, 0);}
.w1-b::-webkit-scrollbar-thumb{border-radius: 4px;background: rgba(255, 255, 255, 0);}
.w1-b:hover::-webkit-scrollbar{background: rgba(255, 255, 255, 0.33);}
.w1-b:hover::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 1);}
.w1-b2{display: flex;align-items: center;grid-gap: 1.0417vw;cursor: pointer;margin-bottom: 0.7813vw;}
.w1-b2:last-child{margin-bottom: 0;}
.w1-b4{transform: translateX(-0.5208vw);opacity: 0;transition: all .5s;}
.w1-b4 img{width: 1.0417vw;min-width: 1.0417vw;max-width: 100%;display: block;}
.w1-b3{font-size: 1.875vw;color: rgba(255, 255, 255, 0.33);font-family: "Montserrat-Regular";line-height: 1;transition: all .3s;}
.w1-b2.on .w1-b3{text-decoration: underline;color: rgba(255, 255, 255, 1);}
.w1-b2.on .w1-b4{opacity: 1;transform: translateX(0);}

.w1 .ok .w1-b3{color: rgba(255, 255, 255, 0.33) !important;text-decoration: initial !important;}
.w1 .ok .w1-b4{opacity: 0 !important;transform: translateX(-0.5208vw) !important;}

.w1_img.on .w1_img2{opacity: 1;transition: all .5s;}
.w1_img{position: absolute;top: 0;left: 0;z-index: 1;transform: translate(140%, 140%);}
.w1_img2{
	position: relative;
	/*width: 25vw;
	height: 14.5833vw;*/
	width: 30vw;
	height: 22.5vw;
	overflow: hidden;
	background: #000;
	opacity: 0;
	transition: all .5s;
}
.w1_img3{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 1;transition: all .5s;}
.w1_img3 img{width: 100%;height: 100%;max-width: 100%;display: block;object-fit: cover;}
.w1_img3 video{width: 100%;height: 100%;max-width: 100%;display: block;object-fit: cover;}
.w1_img3.on{opacity: 1;z-index: 2;}

.w1_tanchuang{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.w1_tanchuang2{display: flex;align-items: center;justify-content: flex-start;height: 100%;}
.w1_tanchuang3{padding: 1.8229vw;background: rgba(0, 0, 0, .5);border-radius: 6px;position: relative;}
/*.w1-lunbo{height: 22.6042vw;width: 40vw;}*/
@media (min-width: 1001px){
	.w1_tanchuang3{
		margin-top: 5vw;
	}	
}
.w1-lunbo{
	width: 51.04166666666667vw;
	height: 38.28125vw;
}
.w1_tc2{height: 100%;}
.w1_tc2 img{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w1_tc2 video{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w1_tcbtn{position: absolute;left: 1.0417vw;top: 1.0417vw;z-index: 1;cursor: pointer;}
.w1_tcbtn img{width: 1.5625vw;height: 1.5625vw;max-width: 100%;display: block;object-fit: contain;}
.w1_tanchuang3 .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);right: -2.6042vw;}
.w1_tanchuang3 .swiper-button-next img{width: .9375vw;max-width: 100%;display: block;}

.w1_tanchuang3{
	margin-left: 2.6042vw;
}
.w1_tanchuang3 .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);left: -2.6042vw;}
.w1_tanchuang3 .swiper-button-prev img{width: .9375vw;max-width: 100%;display: block;}

.pt-page-2 .w1-box{opacity: 0;transform: translateX(-800px);}
.pt-page-2.pt-page-current .w1-box{opacity: 1;transform: translateX(0);transition: all 2s;}

/* 第三屏 */
.w2{position: absolute;top: 53%;transform: translateY(-50%);left: 0;right: 0;z-index: 9;}
.w2-box{padding: 0 6vw;position: relative;}
.w2-b2{display: flow-root;}
.w2-b3{float: left;border: .0521vw solid #000;border-radius: 3px;overflow: hidden;}
.w2-b3:hover .w2-b4 img{transform: scale(1.08);}
.w2-b3:hover .w2-b5 img{transform: scale(1.08);}
.w2-b4{width: 50.3004vw;height: 28.23vw;overflow: hidden;}
.w2-b4 video{
	width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-width: 100%;
}
.w2-b4 img{width: 100%;height: 100%;object-fit: cover;display: block;max-width: 100%;transition: all 1s;}
.w2-b5{width: 25.1042vw;height: 14.1146vw;overflow: hidden;}
.w2-b5 img{width: 100%;height: 100%;object-fit: cover;display: block;max-width: 100%;transition: all 1s;}
.w2-b5 video{width: 100%;height: 100%;object-fit: cover;display: block;max-width: 100%;}
.w2-b3{position: relative;cursor: pointer;}
.w2-b6{position: absolute;bottom: 1.0417vw;left: 1.0417vw;}
.w2-b6 img{width: 1.25vw;height: 1.25vw;max-width: 100%;display: block;object-fit: contain;}

.w2_tanchuang{position: absolute;top: 3%;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.w2_tanchuang2{display: flex;align-items: center;justify-content: center;height: 100%;}
.w2_tanchuang3{background: rgba(0, 0, 0, .5);border-radius: 6px;position: relative;padding: 2%;}
.w2_tanchuang3 .swiper-container{height: 34.7083vw;width: 62.125vw;}
.w2_tc2{height: 100%;}
.w2_tc2 img{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w2_tc2 video{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w2_tcbtn{position: absolute;left: -0.8208vw;top: -0.8208vw;z-index: 1;cursor: pointer;}
.w2_tcbtn img{width: 1.5625vw;height: 1.5625vw;max-width: 100%;display: block;object-fit: contain;}
.w2_tanchuang3 .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);right: -7.2917vw;}
.w2_tanchuang3 .swiper-button-next img{width: 2.0833vw;max-width: 100%;display: block;}
.w2_tanchuang3 .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);left: -7.2917vw;}
.w2_tanchuang3 .swiper-button-prev img{width: 2.0833vw;max-width: 100%;display: block;}

.w2 .swiper-button-prev img{width: 2.0833vw;max-width: 100%;display: block;}
.w2 .swiper-button-next img{width: 2.0833vw;max-width: 100%;display: block;}
.w2 .swiper-button-prev{left: 0;}
.w2 .swiper-button-next{right: 0;}

.pt-page-3 .w2-box{opacity: 0;transform: scale(0.0);}
.pt-page-3.pt-page-current .w2-box{opacity: 1;transform: scale(1.0);transition: all 2s;}

/* 第三屏 */
/* .pt-page-4 .f-logo img{filter: brightness(0);transition: all 0.5s;} */
.w3{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 50%;
	/*background: rgba(224,33,138,1);*/
	background: #FFFFFF;
	z-index: 8;
	transition: all 0.5s;
}
.w3-box{padding-top: 9.6875vw;padding-left: 6.0417vw;position: relative;}
.w3-b{padding-right: 3.6458vw;margin-right: .5208vw;overflow-y: scroll;height: calc(100vh - 9.6875vw);}
.w3-b::-webkit-scrollbar{width: 3px;border-radius: 4px;background: rgba(0, 0, 255, 0);}
.w3-b::-webkit-scrollbar-thumb{border-radius: 4px;background: rgba(0, 0, 0, 0);}
.w3-b:hover::-webkit-scrollbar{background: rgba(0, 0, 0, 0.1);}
.w3-b:hover::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 1);}
.w3-top{font-size: 2.1875vw;color: #FFF;font-family: "Montserrat-Medium";}
.w3-b3{display: flex;align-items: flex-start;grid-gap: 5.5208vw;margin-bottom: 6.7708vw;}
.w3-b3:nth-child(2n){flex-direction: row-reverse;}
.w3-b4{flex: 1;font-size: .7292vw;color: rgba(255, 255, 255, 0.8);font-family: "Montserrat-ExtraLight";}
.w3-b5{width: 17vw;}
.w3-b5 img{max-width: 100%;display: block;width: 100%;}
.w3-b4 img{width: 2.1354vw;max-width: 100%;display: block;}
.w3-btn{position: absolute;left: 49.5%;top: 50%;transform: translateY(-50%);width: 32px;height: 203px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 99;transition: all 0.5s;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: left;}
.w3-btn img{width: 8px;max-width: 100%;display: block;transition: all 0.5s;}
.w3-btn.on{opacity: 0.3;left: 0;}
.w3-btn.on img{transform: rotate(180deg);animation:change4 1.5s linear infinite;}
.w3-btn.on:hover{opacity: 1;}
.w3.on{transform: translateX(-100.1%);}
.allheader.on .f-logo img{filter: brightness(1);}

.w3-b4,
.w3-top{
	color: #000000;
}

.w3-btn img{animation:change3 1.5s linear infinite;}
@keyframes change1 {
	0% {
		transform: translateY(-5px) rotate(-90deg);
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		transform: translateY(0) rotate(-90deg);
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		transform: translateY(5px) rotate(-90deg);
		opacity: 0;
	}
}
@keyframes change2 {
	0% {
		transform: translateY(5px) rotate(-270deg);
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		transform: translateY(0) rotate(-270deg);
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		transform: translateY(-5px) rotate(-270deg);
		opacity: 0;
	}
}
@keyframes change3 {
	0% {
		transform: translateX(0.2604vw);
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		transform: translateX(0);
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		transform: translateX(-0.2604vw);
		opacity: 0;
	}
}
@keyframes change4 {
	0% {
		transform: translateX(-0.2604vw) rotate(-180deg);
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		transform: translateX(0) rotate(-180deg);
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		transform: translateX(0.2604vw) rotate(-180deg);
		opacity: 0;
	}
}

.pt-page-4 .contentpage{opacity: 0;}
.pt-page-4.pt-page-current .contentpage{opacity: 1;transition: all 2s;}

/* 第四屏 */
.w4{position: absolute;top: 55%;left: 0;right: 0;transform: translateY(-50%);z-index: 9;}
.w4-b3{position: relative;}
.w4-b4{overflow: hidden;border-radius: 3px;}
.w4-b4 img{width: 100%;height: 39.0625vw;object-fit: cover;display: block;max-width: 100%;transition: all 1s;}
.w4-b4 video{width: 100%;height: 39.0625vw;object-fit: cover;display: block;max-width: 100%;}
.w4-b5{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), rgba(0,0,0,0.8));padding: 3.125vw 2.6042vw;cursor: pointer;transform: translateY(70%);transition: all 1s;}
.w4-b5{display: flex;flex-direction: column;justify-content: flex-end;}
.w4-b6 img{width: 2.3438vw;max-width: 100%;display: block;}
.w4-b6{margin-bottom: 1.5625vw;}
.w4-b7{font-size: 1.6667vw;color: #FFFFFF;font-family: "Montserrat-Medium";margin-bottom: 2.0833vw;}
.w4-b8{font-size: .7292vw;color: rgba(255, 255, 255, 0.6);font-family: "Montserrat-ExtraLight";}
.w4-b3:hover .w4-b4 img{transform: scale(1.08);}
.w4-b3:hover .w4-b5{transform: translateY(0);}
.w4-b .swiper-button-prev img{width: 2.0833vw;max-width: 100%;display: block;}
.w4-b .swiper-button-next img{width: 2.0833vw;max-width: 100%;display: block;}
.w4-b .swiper-button-prev{left: 1.875vw;}
.w4-b .swiper-button-next{right: 1.875vw;}
.w4-lunbo{width: 27.9688vw;overflow: initial;margin: 0 auto 0 0;}
.w4-b{overflow: hidden;}

.w4_tanchuang{position: absolute;top: 3%;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.w4_tanchuang2{display: flex;align-items: center;justify-content: center;height: 100%;}
.w4_tanchuang3{background: rgba(0, 0, 0, .5);border-radius: 6px;position: relative;padding: 2%;}
.w4-lunbo2{height: 34.7083vw;width: 62.125vw;}
.w4_tc2{height: 100%;}
.w4_tc2 img{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w4_tc2 video{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w4_tcbtn{position: absolute;left: -0.8208vw;top: -0.8208vw;z-index: 1;cursor: pointer;}
.w4_tcbtn img{width: 1.5625vw;height: 1.5625vw;max-width: 100%;display: block;object-fit: contain;}
.w4_tanchuang3 .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);right: -7.2917vw;}
.w4_tanchuang3 .swiper-button-next img{width: 2.0833vw;max-width: 100%;display: block;}
.w4_tanchuang3 .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);left: -7.2917vw;}
.w4_tanchuang3 .swiper-button-prev img{width: 2.0833vw;max-width: 100%;display: block;}

.pt-page-5 .w4-box{opacity: 0;transform: scale(0.0);}
.pt-page-5.pt-page-current .w4-box{opacity: 1;transform: scale(1.0);transition: all 2s;}

/* 第五屏 */
.w5{position: absolute;top: 52%;left: 0;right: 0;transform: translateY(-50%);z-index: 9;}
.w5-b{display: flex;align-items: stretch;}
.w5-left{display: flex;flex-direction: column;align-items: flex-start;width: 50%;height: 37.1875vw;}
.w5-l2{padding: .5208vw .8854vw;line-height: 1;background: #000;font-family: "Montserrat-Light";color: #FFF;font-size: .625vw;border-radius: 16px;}
.w5-l2{
	margin-bottom: 0.6vw;
}
.w5-l3{
	/*font-size: 4.375vw;*/
	font-size: 3.2vw;
	color: #FFFFFF;
	font-family: "Montserrat-Medium";
	margin-bottom: 1.5625vw;
}
.w5-l4{font-size: .8333vw;color: rgba(255, 255, 255, 0.6);font-family: "Montserrat-Light";max-width: 22.5vw;margin-bottom: 1.25vw;}
.w5-l4a{font-size: .8333vw;color: rgba(255, 255, 255, 0.6);font-family: "Montserrat-Light";max-width: 22.5vw;margin-bottom: 3.125vw; font-weight: bold;}
.w5-l5{width: 22.5vw;display: flex;align-items: stretch;grid-gap: 3.6458vw 4.6875vw;flex-wrap: wrap;}
.w5-l7{padding-top: .6771vw;position: relative;font-size: .9375vw;color: #FFFFFF;font-family: "Montserrat-Medium";margin-bottom: .9375vw;}
.w5-l7::before{content: '';position: absolute;left: 0;top: 0;height: .2083vw;width: 1.7188vw;background: #FFFFFF;}
.w5-l8{font-size: .8333vw;color: rgba(255, 255, 255, 0.6);font-family: "Montserrat-Light";line-height: 1.5;}
.w5-l8 span{
	display: inline-block;
	font-weight: bold;
}
.w5-l8 a{
	color: rgba(255, 255, 255, 0.6);
	transition: all 0.5s ease;
	text-decoration: none;
}
.w5-l8 a:hover{
	color: #ffffff;
}

.w5-l4,
.w5-l4a,
.w5-l8,
.w5-l8 a{
	color: #ffffff;
}


.w5-l9{display: flex;align-items: center;grid-gap: 1.0417vw;}
.w5-l9 img{height: 1.0417vw;max-width: 100%;display: block;filter: brightness(2);}
.w5-l6{width: calc((100% - 4.6875vw)/2);}
.w5-right{width: 50%;overflow-y: scroll;transform: translateX(4.1667vw);height: 37.1875vw;}
.w5-right::-webkit-scrollbar{width: 3px;border-radius: 4px;background: rgba(0, 0, 0, 0);}
.w5-right::-webkit-scrollbar-thumb{border-radius: 4px;background: rgba(0, 0, 0, 0);}
.w5-right:hover::-webkit-scrollbar{background: rgba(0, 0, 0, 0.1);}
.w5-right:hover::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 1);}
.w5-r2{padding-right: .8854vw;display: flex;align-items: stretch;flex-wrap: wrap;grid-gap: .1042vw;}
.w5-r3{width: calc((100% - 0.1042vw)/2);border-radius: 3px;overflow: hidden;position: relative;cursor: pointer;}
.w5-r3:hover .w5-r4 img{transform: scale(1.08);}
.w5-r4{width: 100%;height: 12.3438vw;}
.w5-r4 img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all 1s;}
.w5-r4 video{width: 100%;height: 100%;object-fit: cover;display: block;}
.w5-r5{position: absolute;bottom: 1.0417vw;left: 1.0417vw;}
.w5-r5 img{width: 1.25vw;height: 1.25vw;object-fit: contain;display: block;max-width: 100%;}

.w5_tanchuang{position: absolute;top: 0;/*left: 54.1%;*/left: 50%;right: 0;bottom: 0;z-index: 99;display: none;}
.w5_tanchuang2{display: flex;align-items: center;justify-content: flex-start;height: 100%;background: rgba(0, 0, 0, .5);/*padding-left: 1.875vw;*/ padding-left: 4.875vw;}
.w5_tanchuang3{position: relative;}
.w5-lunbo{height: 22.6042vw;width: 40vw;}
.w5_tc2{height: 100%;}
.w5_tc2 img{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w5_tc2 video{width: 100%;height: 100%;object-fit: contain;display: block;max-width: 100%;}
.w5_tcbtn{position: absolute;left: -0.7813vw;top: -0.7813vw;z-index: 1;cursor: pointer;}
.w5_tcbtn img{width: 1.5625vw;height: 1.5625vw;max-width: 100%;display: block;object-fit: contain;}
.w5_tanchuang3 .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);right: -2.6042vw;}
.w5_tanchuang3 .swiper-button-next img{width: .9375vw;max-width: 100%;display: block;}

.w5_tanchuang3 .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);left: -2.6042vw;}
.w5_tanchuang3 .swiper-button-prev img{width: .9375vw;max-width: 100%;display: block;}

.pt-page-6 .w5-left{opacity: 0;transform: translateX(-100%);}
.pt-page-6.pt-page-current .w5-left{opacity: 1;transform: translateX(0);transition: all 2s;}
.pt-page-6 .w5-right{opacity: 0;transform: translateX(100%);}
.pt-page-6.pt-page-current .w5-right{opacity: 1;transform: translateX(4.1667vw);transition: all 2s;}

.pt-page-1,.pt-page-2,.pt-page-3,.pt-page-4,.pt-page-5,.pt-page-6{overflow: hidden;}

@media (max-width: 1000px){
    .main{width: 94%;}

    .h-box{padding: 15px 0;}
    .f-logo img{width: 120px;}
    .f-right{gap: 30px;}
    .f-r3 img{width: 22px;}
    .f-r3{height: 30px;}
    .f-r2:hover .f-r4{display: none;}
    .f-r4{top: 130%;padding: 8px 15px;right: -9px;}
    .f-r8.f-r4{right: -164px;}
    .f-r7 button{padding: 5px 8px;font-size: 12px;}
    .f-r7{grid-gap: 5px;}
    .f-r7 input{font-size: 12px;}
    .f-r7 input::-webkit-input-placeholder{font-size: 12px;}
    .f-r4::after{border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #FFFFFF;position: absolute;top: -4px;right: 14px;}
    .f-r8.f-r4::after{right: 171px;}
    .f-r6{grid-gap: 30px;}
    .f-r5 img{height: 22px;}
    .bn_lu2 img{height: 100px;}
    .banner-lunbo2 .swiper-slide{height: 100px;}
    .banner-lunbo2{width: 170px;}
    .banner-rb .swiper-button-next{display: none;}
    .bn_lu2 video{height: 100%;}
    .banner-rb{right: 3%;bottom: 4%;padding-bottom: 40px;}
    .banner-rb .swiper-pagination{bottom: 6px;}
    .banner-title{bottom: 35vh;}
    .banner-t3{font-size: 32px;}
    .banner-t4{font-size: 32px;}
    .banner-t5{font-size: 32px;}
    .banner-t3 p{transform: translateX(40px);}
    .banner-t5 p{transform: translateX(70px);}
    .w1_img{left: 0%;right: 0%;top: 0;bottom: 0;}
    .w1-box .main{overflow-x: scroll;overflow-y: hidden;padding-bottom: 20px;}
    .w1-b{width: 100%;padding-right: 0;display: flex;flex-wrap: wrap;width: 38rem;min-width: 38rem;grid-gap: 0 20px;}
    .w1-b2{grid-gap: 10px;margin-bottom: 20px;width: 18rem;min-width: 18rem;}
    .w1-b3{font-size: 16px;}
    .w1-b{height: auto;overflow: hidden;}
    .w1-box .main::-webkit-scrollbar{height: 3px;border-radius: 6px;background: rgba(255, 255, 255, 0.33);}
    .w1-box .main::-webkit-scrollbar-thumb{border-radius: 6px;background: rgba(255, 255, 255, 1);}
    .w1-box .main:hover::-webkit-scrollbar{background: rgba(255, 255, 255, 0.33);}
    .w1-box .main:hover::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 1);}
    .w1{top: auto;transform: translateY(0);bottom: 3%;}
    .w1-b4 img{width: 14px;min-width: 14px;}
    .w1_img2{width: 100%;height: 100vh;}
    .w1_tanchuang2{justify-content: center;}
    .w1_tanchuang3{width: 75%;padding: 4%;}
    .w1-lunbo{width: 100%;height: 50vh;}
    .w1_tcbtn img{width: 24px;height: 24px;}
    .w1_tcbtn{left: 10px;top: 10px;}
    .w1_tc2 video{object-fit: contain;}
    .w1_tc2{height: 100%;}
    .w1_tanchuang3{
    	margin-left: 0;
    }
    .w1_tanchuang3 .swiper-button-next{right: -8%;}
    .w1_tanchuang3 .swiper-button-next img{width: 15px;}
    .w1_tanchuang3 .swiper-button-prev{left: -8%;}
    .w1_tanchuang3 .swiper-button-prev img{width: 15px;}
    .w1_tc2 img{object-fit: contain;}
    .w2-box{padding: 0;}
    .w2-b4{width: 22rem;min-width: 22rem;height: 55vh;}
    .w2-b5{width: 22rem;min-width: 22rem;height: 55vh;}
    .w2-b3{float: none;width: 22rem;min-width: 22rem;}
    .w2{top: 52%;transform: translateY(-50%);}
    .w2-box{width: 100%;margin: 0 auto;}
    .w2-b6 img{width: 24px;height: 24px;}
    .w2-b6{left: 10px;bottom: 10px;}
    .w2-b{overflow-x: scroll;height: 60vh;overflow-y: hidden;}
    .w2-b::-webkit-scrollbar{height: 3px;border-radius: 6px;background: rgba(255, 255, 255, 0.33);}
    .w2-b::-webkit-scrollbar-thumb{border-radius: 6px;background: rgba(255, 255, 255, 1);}
    .w2-b:hover::-webkit-scrollbar{background: rgba(255, 255, 255, 0.33);}
    .w2-b:hover::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 1);}
    .w2-b2{padding-right: 0;display: flex;align-items: stretch;}
    .w2-b3{border: none;margin: 0 20px;}
    .w2-b3:first-child{margin-left: 0;}
    .w2-b3:last-child{margin-right: 0;}
    .w2-b5{border-radius: 3px;}

    .w2_tcbtn img{width: 24px;height: 24px;}
    .w2_tcbtn{left: 10px;top: 10px;}
    .w2_tanchuang2{justify-content: center;}
    .w2_tanchuang3{width: 75%;padding: 4%;}
    .w2_tanchuang3 .swiper-container{width: 100%;height: 50vh;}
    .w2_tanchuang3 .swiper-button-next{right: -8%;}
    .w2_tanchuang3 .swiper-button-next img{width: 15px;}
    .w2_tanchuang3 .swiper-button-prev{left: -8%;}
	.w2_tanchuang3 .swiper-button-prev img{width: 15px;}
    .w2_tc2{height: 100%;}
    .w2_tc2 video{object-fit: contain;}
    .w2_tc2 img{object-fit: contain;}
    .w3{top: 40%;right: 0;}
    .w3-b::-webkit-scrollbar{width: 3px;border-radius: 6px;background: rgba(0, 0, 0, 0.1);}
    .w3-b::-webkit-scrollbar-thumb{border-radius: 6px;background: rgba(0, 0, 0, 1);}
    .w3-b:hover::-webkit-scrollbar{background: rgba(0, 0, 0, 0.1);}
    .w3-b:hover::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 1);}
    .w3-box{padding-top: 60px;padding-left: 3%;}
    /* .w3-b{margin-right: 3%;padding-right: 5%;} */
    .w3-b{height: calc(60vh - 60px);}
    .w3-top{font-size: 24px;margin-bottom: 20px;}
    .w3-b4 img{width: 30px;}
    .w3-b5{width: 22rem;min-width: 22rem;height: 10rem;}
    .w3-b5 img{height: 100%;object-fit: contain;}
    .w3-b2{display: flex;}
    .w3-b3{align-items: stretch;grid-gap: 50px;}
    .w3-b3{margin-bottom: 20px;}
    .w3-b3:nth-child(2n){flex-direction: row;}
    .w3-b{overflow: hidden;}
    .w3-b2{overflow-x: scroll;overflow-y: hidden;display: flex;grid-gap: 20px}
    .w3-b2::-webkit-scrollbar{height: 3px;border-radius: 6px;background: rgba(0, 0, 0, 0.1);}
    .w3-b2::-webkit-scrollbar-thumb{border-radius: 6px;background: rgba(0, 0, 0, 1);}
    .w3-b2:hover::-webkit-scrollbar{background: rgba(0, 0, 0, 0.1);}
    .w3-b2:hover::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 1);}
    .w3-b4{width: 20rem;min-width: 20rem;}
    .w3-btn{transform: translateX(-50%);transition: all .5s;}
    .w3-btn{top: calc(40% - 30px);}
    .w3-btn{width: 203px;height: 32px;background-image: url(../images/img136.png) !important;}
    .w3-btn img{transform: rotate(-90deg);animation:change1 1.5s linear infinite;}
    .w3-btn.on{opacity: 1;top: calc(100% - 30px);left: 50%;}
    .w3-btn.on img{transform: rotate(-270deg);animation:change2 1.5s linear infinite;}
    .w3.on{transform: translateY(100.1%);}
    .w3-bg{height: 40vh;transition: all .5s;}
    .w3-bg.on{height: 100vh;}
    .w3-b4{font-size: 12px;}
    .allheader.on .f-logo img{filter: brightness(1);}
    .pt-page-4 .f-logo img{filter: brightness(1);}
    .w4-b{width: 90%;margin: 0 auto;}
    .w4-b .swiper-button-next img{width: 15px;}
    .w4-b .swiper-button-prev img{width: 15px;}
    .w4-b .swiper-button-next{right: 2%;}
    .w4-b .swiper-button-prev{left: 2%;}
    .w4-b4 img{height: 70vh;}
    .w4-b4 video{height: 70vh;}
    .w4{top: 52%;}
    .w4-b5{transform: translateY(0);padding: 30px 15px;}
    .w4-b6{margin-bottom: 30px;}
    .w4-b6 img{width: 30px;}
    .w4-b7{font-size: 16px;margin-bottom: 15px;}
    .w4-b8{font-size: 12px;}
    .w4-lunbo{width: 100%;}

    .w4_tanchuang3 .swiper-button-prev img{width: 15px;}
    .w4_tanchuang3 .swiper-button-next img{width: 15px;}
    .w4_tc2 video{object-fit: contain;}
    .w4_tc2 img{object-fit: contain;}
    .w4_tcbtn img{width: 24px;height: 24px;}
    .w4_tcbtn{left: -10px;top: -10px;}
    .w4-lunbo2{height: 50vh;width: 100%;}
    .w4_tanchuang3{width: 80%;margin: 0 auto;}

    .w5-left{height: auto;}
    .w5-b{flex-direction: column;}
    .w5-left{width: 100%;}
    .w5-l4{max-width: 100%;}
    .w5-l5{width: 100%;}
    .w5-l2{font-size: 12px;padding: 5px 10px;margin-bottom: 2px;}
    .w5-l3{font-size: 24px;margin-bottom: 8px;}
    .w5-l4{font-size: 12px;margin-bottom: 10px;}
    .w5-l4a{max-width:100%; font-size: 12px;margin-bottom: 15px;}
    .w5-l7{font-size: 13px;padding-top: 10px;margin-bottom: 5px;}
    .w5-l7::before{height: 3px;width: 20px;}
    .w5-l8{font-size: 12px;}
    .w5-l5{grid-gap: 15px;}
    .w5-l6{width: calc((100% - 20px)/2);}
    .w5-right{width: 100%;transform: translateX(0);padding-right: 3%;height: 30vh;}
    .pt-page-6.pt-page-current .w5-right{transform: translateX(0);}
    .w5-right{overflow-x: scroll;overflow-y: hidden;padding-right: 0;padding-bottom: 5%;}
    .w5-right::-webkit-scrollbar{height: 3px;border-radius: 6px;background: rgba(255, 255, 255, 0.33);}
    .w5-right::-webkit-scrollbar-thumb{border-radius: 6px;background: rgba(255, 255, 255, 1);}
    .w5-right:hover::-webkit-scrollbar{background: rgba(255, 255, 255, 0.33);}
    .w5-right:hover::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 1);}
    .w5-r2{flex-direction: row;flex-wrap: nowrap;grid-gap: 20px;padding-right: 0;}
    .w5-r3{width: 22rem;min-width: 22rem;}
    .w5-b{grid-gap: 20px}
    .w5{top: 54%;}
    .w5-r4{height: 29vh;}
    .w5-r5 img{width: 24px;height: 24px;}
    .w5-r5{left: 10px;bottom: 10px;}
    .w5-l9{grid-gap: 20px;}
    .w5-l9 img{height: 22px;}

    .w5_tanchuang{left: 0;}
    .w5_tanchuang2{justify-content: center;padding: 0;}
    .w5_tanchuang3{width: 75%;padding: 4%;background: rgba(0, 0, 0, .5);}
    .w5-lunbo{width: 100%;height: 50vh;}
    .w5_tcbtn img{width: 24px;height: 24px;}
    .w5_tcbtn{left: 10px;top: 10px;}
    .w5_tc2 video{object-fit: contain;}
    .w5_tc2{height: 100%;}
    .w5_tanchuang3 .swiper-button-next{right: -8%;}
    .w5_tanchuang3 .swiper-button-next img{width: 15px;}
    
    .w5_tanchuang3 .swiper-button-prev{left: -8%;}
    .w5_tanchuang3 .swiper-button-prev img{width: 15px;}

    .pt-page-2 .w1-box{opacity: 0;transform: translateY(800px) translateX(0);}
    .pt-page-2.pt-page-current .w1-box{opacity: 1;transform: translateY(0) translateX(0);transition: all 2s;}

    .pt-page{z-index: -999;}
    .pt-page.pt-page-current{z-index: 999999;}
    #video-bg1,#video-bg2,#video-bg3,#video-bg5,#video-bg6{position: initial;height: 100vh;width: 100%;}

    .w2 .swiper-button-prev img{width: 15px;}
    .w2 .swiper-button-next img{width: 15px;}
    .w2 .swiper-button-next{top: 112%;right: 35%;}
    .w2 .swiper-button-prev{top: 112%;left: 35%;}
    .w2{top: 50%;}
}

/*@media (orientation: landscape) {
	.banner-b video{
		object-fit: contain;
	}
}
@media (orientation: portrait) {
	.banner-b video{
		object-fit: cover;
	}
}*/

.f-logo img{
	width: 8vw;
	/*-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}
@media (max-width: 1000px){
	.f-logo img{
		width: 90px;
	}
}
.pt-page-4 .f-logo img{
	-webkit-filter: none;
    filter: none;
}
/*@media (max-width: 1000px){
	.pt-page-4 .f-logo img{
		-webkit-filter: brightness(0) invert(1);
    	filter: brightness(0) invert(1);
	}
}*/
@media (max-width: 540px){
	.banner-t3{font-size: 5.926vmin;}
    .banner-t4{font-size: 5.926vmin;}
    .banner-t5{font-size: 5.926vmin;}
    .banner-t3 p{transform: translateX(7.4vmin);}
    .banner-t5 p{transform: translateX(12.96vmin);}
}


.addtitle{
	font-size: 2.9vw;
    color: rgb(255, 255, 255);
    font-family: "Montserrat-Medium"; 
    margin-bottom: 1.5vw;
}
@media screen and (min-width: 1025px){
	.pt-page-5 .w4-box{
		max-height: calc(100vh - 8vw);
		overflow: hidden;
	}
	.w4 .w4-box .main{
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow: hidden;
	}
	.w4 .w4-box .main .addtitle{
		flex-shrink: 0;
	}
	.w4 .w4-box .main .w4-b{
		flex: 1;
		padding-bottom: 1vw;
		overflow: hidden;
		box-sizing: border-box;
	}
	.w4 .w4-box .main .w4-b .w4-lunbo{
		height: 100%;
	}
	.w4 .w4-box .main .w4-b .w4-lunbo .w4-b2{
		height: 100%;
	}
	.w4 .w4-box .main .w4-b .w4-lunbo .w4-b3{
		height: 100%;
	}
	.w4 .w4-box .main .w4-b .w4-lunbo .w4-b4{
		height: 100%;
	}
	.w4 .w4-box .main .w4-b .w4-lunbo .w4-b4 img{
		max-height: 100%;
	}
}

@media screen and (max-width: 1024px){
	.addtitle{
		font-size: 32px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 992px){
	.addtitle{
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	.addtitle{
		font-size: 24px;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 540px){
	.addtitle{
		font-size: 20px;
		margin-bottom: 20px;
	}
}