@charset "utf-8";



/* banner */

.banner {

	width: 100%;

	overflow: hidden;

}

.banner .swiper-container {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1;

}

.banner .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1

}

.banner .swiper-slide {

	height: 0;

	padding-bottom: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	overflow: hidden

}

.banner .swiper-slide>img,

.banner .swiper-slide>a>img,

.banner .swiper-slide>video {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover

}



.banner-button-prev,

.banner-button-next {

	display: block;

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.6rem;

	height: 0.6rem;

	cursor: pointer;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	z-index: 3;

}

.banner-button-prev {

	left: -.8rem;

}

.banner-button-next {

	right: -.8rem;

}

.banner-button-prev iconify-icon,

.banner-button-next iconify-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	font-size: 0.42rem;

	color: #FFF;

}

.banner-button-prev:hover iconify-icon,

.banner-button-next:hover iconify-icon {

	color: var(--i_color);

}

.banner:hover .banner-button-prev {

	left: 0;

}

.banner:hover .banner-button-next {

	right: 0;

}



.banner-pagination {

	display: block;

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: .2rem;

	text-align: center;

	z-index: 2;

}

.banner-pagination .swiper-pagination-bullet {

	width: .08rem;

	height: .08rem;

	display: inline-block;

	margin: 0 8px;

	background: #EEE;

	-webkit-border-radius:1rem;

	border-radius: 1rem;

	outline: none;

	cursor: pointer;

	position: relative;

}

.banner-pagination .swiper-pagination-bullet-active {

	background: var(--i_color);

}



@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {

	.banner {

		height: auto;

	}

	.banner .swiper-slide {

		padding-bottom: 50%

	}

	/* .banner .swiper-slide {

		height: auto;

		padding-bottom: 0;

	} */

	/* .banner .swiper-slide>img,

	.banner .swiper-slide>a>img,

	.banner .swiper-slide>video {

		position: relative;

	} */



	.banner-button-prev,

	.banner-button-next {

		display: none;

	}


}

@media screen and (max-width:768px) {

	.banner .swiper-slide {

		padding-bottom: 54%

	}

}

@media screen and (max-width:560px) {

	.banner-pagination {

		bottom: 0.14rem;

	}

	.banner-pagination .swiper-pagination-bullet {

		margin: 0 4px;

		width: 0.06rem;

		height: 0.06rem;

	}

}





.MrMs_bannerText{position:absolute; top:50%; transform:translate(0,-50%);left: 6%;}
.MrMs_bannerText p{display: table; margin-bottom: 0.16rem; padding-bottom: 0.12rem; border-bottom: 4px solid var(--i_color); font-size: 0.9rem;color: #FFF;font-weight: 900;line-height: 1;}
.MrMs_bannerText p b{display: block; font-size: 1.24rem; font-weight: 900;}

.MrMs_bannerText h5{font-size: 0.6rem;color:#FFF; font-weight: bold;line-height: 1.2;}
.MrMs_bannerText h5 i{display: block;font-size: 1.2rem;color: #FFF;font-weight: 900;}

.MrMs_bannerText a{display: table;padding: .06rem .3rem; border: 1px solid #FFF;font-size: 0.3rem;background: rgb(0 0 0 / 20%); color: #FFF;font-weight: bold; -webkit-border-radius:1rem; border-radius:1rem;}
.MrMs_bannerText a:hover{border-color: var(--i_color);background: var(--i_color);}

@media screen and (max-width:1440px) {
	.MrMs_bannerText p{font-size: 0.7rem;}
	.MrMs_bannerText p b{font-size: 0.96rem;}
	.MrMs_bannerText h5{font-size: 0.54rem;}
	.MrMs_bannerText h5 i{font-size: 1rem;}
	.MrMs_bannerText a{padding: .08rem .3rem; font-size: 0.24rem;}
}
@media screen and (max-width:1200px) {
	.MrMs_bannerText p{font-size: 0.6rem;}
	.MrMs_bannerText p b{font-size: 0.83rem;}
	.MrMs_bannerText h5 i{font-size: 0.86rem;}
	.MrMs_bannerText a{margin-top: 0.2rem;}
}
@media screen and (max-width:1024px) {
	.MrMs_bannerText{top: 46%; left: 3%;}
	.MrMs_bannerText p{font-size: 4.4vw; border-bottom-width: 3px;}
	.MrMs_bannerText p b{font-size: 6.1vw;}
	.MrMs_bannerText h5{font-size: 3.4vw;}
	.MrMs_bannerText h5 i{font-size: 6.1vw;}
	.MrMs_bannerText a{padding: 6px 20px; font-size: 2vw;}
}
@media screen and (max-width:560px) {
	.MrMs_bannerText p{padding-bottom: 4px;margin-bottom: 8px; font-size: 3.8vw; border-bottom-width: 2px;line-height: 1.2;}
	.MrMs_bannerText p b{font-size: 5.2vw;}
	.MrMs_bannerText h5{font-size:3.4vw;}
	.MrMs_bannerText h5 i{font-size: 5.6vw;}
	.MrMs_bannerText a{margin-top: 10px; padding: 4px 16px; font-size: 13px;}
}





.banner_hy75w, .banner_iris,.banner_rh50r,.banner_ts60{top:52%; transform:translate(0,-50%);left: 5%;}
.banner_mate{top:52%; transform:translate(0,-50%);right: 5%;}

.banner_text{position: absolute;}
.banner_text_line{position: absolute;top: -14px;left: -20px;width: 0.26rem;height: 0.26rem;}
.banner_text_line::before,.banner_text_line::after{content: '';position: absolute;background: #FFF;-webkit-border-radius:20px; border-radius:20px;}
.banner_text_line::before{top: 8px;left: 0;width: 100%;height: 3px;}
.banner_text_line::after{top: 0;left: 4px;width: 3px;height: 100%;}
.banner_text h6{font-size: 0.42rem;color: #FFF;}
.banner_text h5{font-size: 0.8rem;color: #FFF;font-weight: bold;}
.banner_text h4{font-size: 1rem;color: #FFF;font-weight: bold;}
.banner_text_mb{margin-bottom: 0.3rem;}
.banner_text .line{display: table;}
.banner_text .line::before{content: ''; position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background: #FFF;}
.banner_text .redbg{display: inline-block;padding: 0 .16rem; background: var(--i_color);font-size: 0.5rem;color: #FFF;font-weight: bold;-webkit-border-radius:.2rem; border-radius:.2rem;}
@media screen and (max-width:1440px) {
	.banner_text h6{font-size: 0.34rem;}
	.banner_text h5{font-size: 0.7rem;}
	.banner_text h4{font-size: 0.76rem;}
	.banner_text .redbg{font-size: 0.44rem;}
	.banner_text .line::before{height: 4px;}
}
@media screen and (max-width:1366px) {
	.banner_text h6{font-size: 0.3rem;}
	.banner_text h5{font-size: 0.64rem;}
	.banner_text h4{font-size: 0.72rem;}
}
@media screen and (max-width:1200px) {
	.banner_text_line{top: -10px; left: -14px; width: 0.22rem;height: 0.22rem;}
	.banner_text_line::before{top: 5px;height: 2px;}
	.banner_text_line::after{width: 2px;}
	.banner_text h6{font-size: 0.26rem;}
	.banner_text h5{font-size: 0.54rem;}
	.banner_text h4{font-size: 0.6rem;}
	.banner_text .redbg{font-size: 0.38rem;}
}
@media screen and (max-width:1024px) {
	.banner_text_line{width: 0.18rem;height: 0.18rem;}
	.banner_hy75w, .banner_iris,.banner_rh50r,.banner_ts60,.banner_mate{top:48%;}

	.banner_text h6{font-size: 0.22rem;}
	.banner_text h5{font-size: 0.44rem;}
	.banner_text h4{font-size: 0.48rem;}
	.banner_text .redbg{font-size: 0.34rem;}
	.banner_text .line::before{height: 3px;}
}
@media screen and (max-width:768px) {
	.banner_text h6{font-size: 0.18rem;}
	.banner_text h5{font-size: 0.32rem;}
	.banner_text h4{font-size: 0.36rem;}
	.banner_text .redbg{padding: .02rem .14rem; font-size: 0.22rem;-webkit-border-radius:.1rem; border-radius:.1rem;}
	.banner_text_mb{margin-bottom: 0.2rem;}
}
@media screen and (max-width:560px) {
	.banner_hy75w, .banner_iris,.banner_rh50r,.banner_ts60,.banner_mate{top:46%;}

	.banner_text_line{top: -8px; left: -12px; width: 0.14rem;height: 0.14rem;}
	.banner_text_line::before{top: 4px;height: 2px;}
	.banner_text_line::after{width: 2px;}
	.banner_text h6{font-size: 0.14rem;}
	.banner_text h5{font-size: 0.2rem;}
	.banner_text h4{font-size: 0.2rem;}
	.banner_text .redbg{padding: .02rem .1rem; font-size: 0.15rem;-webkit-border-radius:.06rem; border-radius:.06rem;}
	.banner_text .line{padding-bottom: 2px;}
	.banner_text .line::before{height: 2px;}
	.banner_text_mb{margin-bottom: 0.14rem;}
}



.banner_rh50r h5{padding-bottom: 0.2rem;display:-webkit-flex !important; display:flex !important; flex-wrap:wrap;align-items: center;gap: 0 16px;}
@media screen and (max-width:1366px) {
	.banner_rh50r h5{padding-bottom: 0.1rem;}
}
@media screen and (max-width:768px) {
	.banner_rh50r h5{padding-bottom: 0.06rem;}
}
@media screen and (max-width:560px) {
	.banner_rh50r h5{gap: 0 6px;}
}

.banner_hot{position: absolute;top: 18%;left: 0;width: 100%;text-align: center;}
.banner_hot h3,.banner_hot i{font-size: 0.8rem;font-weight: 900;position: relative;}
.banner_hot h3{display: table;margin-left: auto;margin-right: auto; color: #585858;}
.banner_hot h3::before,.banner_hot h3::after{content: '';position:absolute; top:50%; transform:translate(0,-50%);}
.banner_hot h3::before{left: 102%; width:0; height:0; border-top:16px solid transparent; border-right:18px solid #585858; border-bottom:16px solid transparent;}
.banner_hot h3::after{right: 102%; width:0; height:0; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:18px solid #585858;}
.banner_hot i{color: var(--i_color);position: relative;}
.banner_hot i::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: var(--i_color);}
@media screen and (max-width:1440px) {
	.banner_hot h3,.banner_hot i{font-size: 0.7rem;}
}
@media screen and (max-width:1366px) {
	.banner_hot h3,.banner_hot i{font-size: 0.66rem;}
}
@media screen and (max-width:1200px) {
	.banner_hot h3,.banner_hot i{font-size: 0.58rem;}
}
@media screen and (max-width:1024px) {
	.banner_hot{top: 14%;}
	.banner_hot h3,.banner_hot i{font-size: 0.42rem;}
	.banner_hot h3::before{border-top:10px solid transparent; border-right:12px solid #585858; border-bottom:10px solid transparent;}
	.banner_hot h3::after{border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:12px solid #585858;}
}
@media screen and (max-width:768px) {
	.banner_hot h3,.banner_hot i{font-size: 0.3rem;}
}
@media screen and (max-width:560px) {
	.banner_hot h3,.banner_hot i{font-size: 0.18rem;}
	.banner_hot h3::before{border-top:6px solid transparent; border-right:8px solid #585858; border-bottom:6px solid transparent;}
	.banner_hot h3::after{border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #585858;}
	.banner_hot i::before{height: 2px;}
}





/* ----------------------------------------------------- */
.banner20250206{position:absolute; top:19%; left: 0;width: 100%;text-align: center;}

.banner20250206 p{font-size: 2.4vw;color: #FFF; letter-spacing: 6px;}
.banner20250206 h3{margin: .16rem 0 .4rem 8.4%; font-size: 4.8vw; line-height: 1; color: #FFF; font-weight: bold; letter-spacing:4px; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; justify-content: center;}
.banner20250206 h3 i{display: inline-block;margin: .1rem .26rem 0; width: 2px; height: .5rem;background: #FFF;}

.banner20250206 ul{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; justify-content: center;gap: 0 .5rem;}
.banner20250206 li{min-width: 2.3rem; position: relative;}
.banner20250206 li:first-child::before{content: '';position:absolute; top:50%; right:-.34rem; width: .14rem;height: 2px;background: #FFF;}
.banner20250206 li a{display: block; border: 1px solid #FFF; -webkit-border-radius:2rem; border-radius:2rem; padding: 6px .3rem; font-size: 1.8vw; color: #FFF;}
.banner20250206 li a:hover{background: var(--i_color);border-color: var(--i_color);}

@media screen and (max-width:1440px) {
	.banner20250206 h3{margin: .16rem 0 .4rem 6.2%}
	.banner20250206 li a{font-size: 1.6vw;}
}
@media screen and (max-width:1024px) {
	.banner20250206{top: 8%;}
	.banner20250206 h3{margin:12px 0 30px 6.2%}
	.banner20250206 p{letter-spacing: 4px;}
	.banner20250206 li{min-width: 160px}
	.banner20250206 li a{padding: 10px 20px;}
}
@media screen and (max-width:768px) {
	.banner20250206 h3{margin:12px 0 20px 6.2%}
	.banner20250206 h3 i{margin: 3px 20px 0; height: 24px;}
	.banner20250206 li{min-width: 120px}
	.banner20250206 li a{padding: 8px 20px; font-size: 1.8vw;}
}
@media screen and (max-width:560px) {
	.banner20250206 p{font-size: 3.2vw; letter-spacing: 2px;}
	.banner20250206 h3{margin:8px 0 14px 7%; font-size: 5.6vw; letter-spacing: 2px}
	.banner20250206 h3 i{margin: 0 10px 0; height: 16px;}
	.banner20250206 ul{gap: 0 30px;}
	.banner20250206 li{min-width: 100px}
	.banner20250206 li:first-child::before{right: -20px; width: 10px;}
	.banner20250206 li a{padding: 6px 16px; font-size: 3vw;}
}






/* ----------------------------------------------------- */
.nocpix_banner_1{position:absolute; top:50%; transform:translate(0,-50%);left: 3%;}
.nocpix_banner_1 h3{font-size: 1rem;color: #C5C5C5;font-weight: bold;line-height: 1.2;}
@media screen and (max-width:1440px) {
	.nocpix_banner_1 h3{font-size: 0.9rem;}
}
@media screen and (max-width:1200px) {
	.nocpix_banner_1 h3{font-size: 0.8rem;}
}
@media screen and (max-width:1024px) {
	.nocpix_banner_1{top: 44%;}
	.nocpix_banner_1 h3{font-size: 6vw;}
}





/* ----------------------------------------------------- */
.homeBannerText_1{position:absolute; top:50%; transform:translate(0,-50%); left: 0;width: 100%;z-index: 2;}
.homeBannerText_1_wrap{width: 88%;margin-left: auto;margin-right: auto;}

.homeBannerText_1_subtit{font-size: 2.4vw;color: #FFF;}

.homeBannerText_1_main{position: relative;}
.homeBannerText_1_main i{position:absolute; top:50%; transform:translate(0,-50%); left: -4px; font-size: 10vw;color: transparent; -webkit-text-stroke: 3px rgb(255 255 255 / 30%); font-weight: bold;}
.homeBannerText_1_main h3{font-size: 10.2vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.1;}

.homeBannerText_1_line{display: table; margin-bottom: 0.2rem; position: relative;}
.homeBannerText_1_line::before{content: '';position: absolute;left: 0;bottom: 0; width: 110%;height: 3px;background: var(--i_color);}

.homeBannerText_1_series{padding: 2px 10px; background: var(--i_color); font-size: 1.6vw;color: #FFF;font-weight: bold;-webkit-border-radius:6px; border-radius:6px;}

@media screen and (max-width:1024px) {
	.homeBannerText_1_wrap{width: 94%;}
	.homeBannerText_1_series{font-size: 2.2vw;}
}
@media screen and (max-width:768px) {
	.homeBannerText_1_subtit{font-size: 2.8vw;}
	.homeBannerText_1_series{font-size: 2.6vw;}
}
@media screen and (max-width:560px) {
	.homeBannerText_1_line::before{bottom: -4px; height: 2px;}
	.homeBannerText_1_subtit{font-size: 3.4vw;}
	.homeBannerText_1_series{font-size: 3.4vw;}
}






.homeBannerText_2{position:absolute; top:48%; transform:translate(0,-50%); left: 0;width: 100%;z-index: 2;}
.homeBannerText_2_wrap{width: 88%;margin-left: auto;margin-right: auto;}

.homeBannerText_2_tit{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center;gap: 0 .3rem;}

.homeBannerText_2_line{display: table; position: relative;}
.homeBannerText_2_line::before{content: '';position: absolute;left: 0;bottom: 0; width: 100%;height: 3px;background: var(--i_color);}

.homeBannerText_2_main{position: relative;}
.homeBannerText_2_main i{position:absolute; top:50%; transform:translate(0,-50%); left: 10px; font-size: 6.4vw;color: transparent; -webkit-text-stroke: 3px rgb(255 255 255 / 30%); font-weight: bold;}
.homeBannerText_2_main h3{font-size: 6.4vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.1;}

.homeBannerText_2_tit h5{font-size: 2.2vw;color: #FFF; font-weight: bold; line-height: 1.2; letter-spacing:-.8px}

.homeBannerText_2 p{margin: .14rem 0 .2rem; font-size: 2vw; color: #FFF; letter-spacing: 2px;}

.homeBannerText_2_series{padding: 2px 10px; background: var(--i_color); font-size: 1.6vw;color: #FFF;font-weight: bold;-webkit-border-radius:6px; border-radius:6px;}

@media screen and (max-width:1024px) {
	.homeBannerText_2_wrap{width: 94%;}
	.homeBannerText_2_main i{left: 6px;}
	.homeBannerText_2_main i,.homeBannerText_2_main h3{font-size: 8vw;}
	.homeBannerText_2_tit h5{font-size: 2.8vw;}
	.homeBannerText_2 p{font-size: 2.2vw;letter-spacing: .5px;}
	.homeBannerText_2_series{font-size: 2vw;}
}
@media screen and (max-width:560px) {
	.homeBannerText_2{top: 46%;}
	.homeBannerText_2_line::before{bottom: -4px; height: 2px;}
	.homeBannerText_2_tit{gap: 0 10px;}
	.homeBannerText_2_main i{left: 2px;}
	.homeBannerText_2_main i,.homeBannerText_2_main h3{font-size: 8vw;}
	.homeBannerText_2_tit h5{font-size: 3.4vw;}
	.homeBannerText_2 p{margin: 10px 0 10px; font-size: 3.4vw;}
	.homeBannerText_2_series{font-size: 3.4vw;}
}







.homeBannerText_3{position:absolute; top:48%; transform:translate(0,-50%); left: 0;width: 100%;z-index: 2;}
.homeBannerText_3_wrap{width: 84%;margin-left: auto;margin-right: auto;}

.homeBannerText_3_box{display: table;}
.homeBannerText_3_box p{font-size: 2.8vw;color: #FFF;}

.homeBannerText_3_line{display: table; position: relative;}
.homeBannerText_3_line::before{content: '';position: absolute;left: 0;bottom: -6px; width: 100%;height: 5px;background: var(--i_color);}

.homeBannerText_3_main{display: block; margin-left: -12px; position: relative;}
.homeBannerText_3_main i{position:absolute; top:50%; transform:translate(0,-50%); left: 12px;width:100%; font-size: 8vw;color: transparent; -webkit-text-stroke: 3px rgb(255 255 255 / 30%); font-weight: bold;}
.homeBannerText_3_main h3{font-size: 8vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.1;}

.homeBannerText_3_series{padding: 2px 10px; background: var(--i_color); font-size: 1.96vw;color: #FFF;font-weight: bold;-webkit-border-radius:6px; border-radius:6px;}

@media screen and (max-width:1440px) {
	.homeBannerText_3_main{margin-left: -10px;}
}
@media screen and (max-width:1024px) {
	.homeBannerText_3_wrap{width: 94%;}
	.homeBannerText_3_box p{font-size: 2.6vw;}
	.homeBannerText_3_line::before{height: 3px;}
	.homeBannerText_3_main{margin-left: -6px;}
	.homeBannerText_3_main i{left: 6px;}
	.homeBannerText_3_main i,.homeBannerText_3_main h3{font-size: 7.6vw;}
	.homeBannerText_3_series{font-size: 1.8vw;}
}
@media screen and (max-width:560px) {
	.homeBannerText_3_box p{font-size: 3.6vw;}
	.homeBannerText_3_line::before{height: 2px;}
	.homeBannerText_3_main{margin: 10px 0;}
	.homeBannerText_3_main i{left: 4px;}
	.homeBannerText_3_main i,.homeBannerText_3_main h3{font-size: 8vw;}
	.homeBannerText_3_series{font-size: 3.4vw;}
}





.bannerHome20250303{position:absolute; top:50%; transform:translate(0,-50%);left: 5%; text-align: center; max-width: 55%;}
.bannerHome20250303 p{font-size: 2vw; color: #FFF; letter-spacing: 3px;}
.bannerHome20250303 h3{margin: 4px 0 10px; font-size: 4vw;color: #FFF;font-weight: 900; display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: center; align-items: center;}
.bannerHome20250303 h3 i{font-size: 2.2vw; margin: 0 .16rem;}
.bannerHome20250303 span{display: table; margin-left: auto;margin-right: auto; padding: 4px .2rem; position: relative;}
.bannerHome20250303 span::before{content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%; background:-webkit-linear-gradient(left, #6f0306, transparent); background:linear-gradient(to right, #6f0306, transparent); -webkit-border-radius:8px; border-radius:8px;}
.bannerHome20250303 h6{font-size: 1.2vw;color: #FFF; position: relative; letter-spacing: 2px;}

.bannerHome20250303_a{display: none;}

.QUEST,.RICO2{position: absolute; bottom: 0.7rem;}
.QUEST{right: 32.5%;}
.RICO2{right: 14.5%;}

.QUEST a,.RICO2 a{padding: 4px .36rem; font-size: .22rem;color: #FFF; border: 1px solid #FFF; -webkit-border-radius:.1rem; border-radius:.1rem;}

.QUEST a:hover,.RICO2 a:hover{background: var(--i_color); border-color: var(--i_color);}

@media screen and (max-width:1440px) {
	.QUEST{right: 31%;}
	.RICO2{right: 11%;}
}
@media screen and (max-width:1200px) {
	.QUEST{right: 29%;}
	.RICO2{right: 8%;}
}
@media screen and (max-width:1024px) {
	.bannerHome20250303{left: 3%; max-width: 90%;}
	.bannerHome20250303 p{font-size: 20px;}
	.bannerHome20250303 h3{}
	.bannerHome20250303 span{padding: 6px 10px;}
	.bannerHome20250303 h6{font-size: 16px; letter-spacing: normal;}
	.bannerHome20250303_a{margin-top: 20px; display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: center;align-items: center;gap: 0 20px;}
	.bannerHome20250303_a a{padding: 4px 26px; font-size: 20px;color: #FFF; border: 1px solid #FFF; -webkit-border-radius:.1rem; border-radius:.1rem;}
	.bannerHome20250303_a a:hover{background: var(--i_color); border-color: var(--i_color);}

	.QUEST,.RICO2{display: none !important;}
}
@media screen and (max-width:768px) {
	.bannerHome20250303_a a{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.bannerHome20250303{top: 46%;}
	.bannerHome20250303 p{font-size:13px; letter-spacing: 2px;}
	.bannerHome20250303 h3{margin: 2px 0 4px; font-size: 5vw;}
	.bannerHome20250303 h3 i{font-size: 16px; margin: 0 6px;}
	.bannerHome20250303 h6{font-size: 10px;}
	.bannerHome20250303_a{margin-top: 6px; gap: 0 10px;}
	.bannerHome20250303_a a{padding: 4px 14px; font-size: 14px;}
}






/* ----------------------------------------------------- */
.pBannerText_rico{position:absolute; top:47%; transform:translate(0,-50%); left: 0;width: 100%;z-index: 2;}
.pBannerText_rico .pBannerText_wrap{width: 84%;margin-left: auto;margin-right: auto;}
.pBannerText_rico .pBannerText_box{display:table; margin-left:auto}

.pBannerText_rico .pBannerText_tit{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center;gap: 0 .3rem;}

.pBannerText_rico .pBannerText_line{display: table; position: relative;}
.pBannerText_rico .pBannerText_line::before{content: '';position: absolute;left: 0;bottom: 0; width: 100%;height: 3px;background: var(--i_color);}

.pBannerText_rico .pBannerText_main{position: relative;}
.pBannerText_rico .pBannerText_main i{position:absolute; top:50%; transform:translate(0,-50%); left: 8px; font-size: 5.8vw;color: transparent; -webkit-text-stroke: 3px rgb(255 255 255 / 30%); font-weight: bold;}
.pBannerText_rico .pBannerText_main h3{font-size: 5.8vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.1;}

.pBannerText_rico .pBannerText_tit h5{font-size: 2vw;color: #FFF; font-weight: bold; line-height: 1.2; letter-spacing:-.8px}

.pBannerText_rico p{margin: .14rem 0 .2rem; font-size: 1.7vw; color: #FFF; letter-spacing: 2px;}

.pBannerText_rico .pBanner_series{padding: 2px 10px; background: var(--i_color); font-size: 1.3vw;color: #FFF;font-weight: bold;-webkit-border-radius:6px; border-radius:6px;}

@media screen and (max-width:1440px) {
	.pBannerText_rico .pBannerText_wrap{width: 90%;}
}
@media screen and (max-width:1024px) {
	.pBannerText_rico .pBannerText_wrap{width: 94%;}

	.pBannerText_rico .pBannerText_main i{left: 8px;}
	.pBannerText_rico .pBannerText_main i,.pBannerText_rico .pBannerText_main h3{font-size: 6.2vw;}
	.pBannerText_rico p{font-size: 2vw;letter-spacing: .5px;}
	.pBannerText_rico .pBanner_series{font-size: 2vw;}
}
@media screen and (max-width:768px) {
	.pBannerText_rico .pBannerText_line{padding-bottom: 4px;}
	.pBannerText_rico .pBannerText_tit{gap: 0 20px;}
	.pBannerText_rico .pBannerText_main i,.pBannerText_rico .pBannerText_main h3{font-size: 7vw;}
}
@media screen and (max-width:560px) {
	.pBannerText_rico .pBannerText_tit{gap: 0 14px;}
	.pBannerText_rico .pBannerText_main i{left: 3px;}
	.pBannerText_rico .pBannerText_main i,.pBannerText_rico .pBannerText_main h3{font-size: 9.4vw;}
	.pBannerText_rico .pBannerText_tit h5{font-size: 3.2vw;}
	.pBannerText_rico .pBannerText_line::before{height: 2px;}
	.pBannerText_rico p{margin: .08rem 0 .12rem; font-size: 3.2vw;letter-spacing: normal;}
	.pBannerText_rico .pBanner_series{font-size: 3.5vw;}
}





/* ----------------------------------------------------- */
.pBannerText_quest{position:absolute; top:48%; transform:translate(0,-50%); left: 0;width: 100%;z-index: 2;}
.pBannerText_quest .pBannerText_wrap{width: 84%;margin-left: auto;margin-right: auto;}

.pBannerText_quest .pBannerText_subtit{max-width: 40%; font-size: 2vw;color: #FFF;}

.pBannerText_quest .pBannerText_main{position: relative;}
.pBannerText_quest .pBannerText_main i{position:absolute; top:50%; transform:translate(0,-50%); left: -4px; font-size: 8.8vw;color: transparent; -webkit-text-stroke: 3px rgb(255 255 255 / 30%); font-weight: bold;}
.pBannerText_quest .pBannerText_main h3{font-size: 9vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.1;}

.pBannerText_quest .pBannerText_line{display: table; margin-bottom: 0.2rem; position: relative;}
.pBannerText_quest .pBannerText_line::before{content: '';position: absolute;left: 0;bottom: 0; width: 110%;height: 3px;background: var(--i_color);}

.pBannerText_quest .pBanner_series{padding: 2px 10px; background: var(--i_color); font-size: 1.3vw;color: #FFF;font-weight: bold;-webkit-border-radius:6px; border-radius:6px;}

@media screen and (max-width:1440px) {
	.pBannerText_quest .pBannerText_wrap{width: 90%;}
}
@media screen and (max-width:1024px) {
	.pBannerText_quest .pBannerText_wrap{width: 94%;}

	.pBannerText_quest .pBannerText_subtit{font-size: 2vw;}
	.pBannerText_quest .pBannerText_main i{font-size: 11.8vw;}
	.pBannerText_quest .pBannerText_main h3{font-size: 12vw;}
	.pBannerText_quest .pBanner_series{font-size: 2vw;}
}
@media screen and (max-width:768px) {
	.pBannerText_quest .pBannerText_subtit{font-size: 2.2vw;}
}
@media screen and (max-width:560px) {
	.pBannerText_quest .pBannerText_subtit{max-width: 80%; font-size: 3.2vw;}
	.pBannerText_quest .pBannerText_main i{font-size: 8.6vw; left: -1px; -webkit-text-stroke: 1px rgb(255 255 255 / 20%)}
	.pBannerText_quest .pBannerText_main h3{font-size: 8.8vw;}
	.pBannerText_quest .pBannerText_line{margin-bottom: 14px;}
	.pBannerText_quest .pBannerText_line::before{bottom: -2px; height: 1px;}
	.pBannerText_quest .pBanner_series{padding: 2px 6px; font-size: 3.5vw;}
}



/* -------------------------- Bolt banner--------------------------- */
.homeBanner_bolt_text{position:absolute; top:50%; transform:translate(0,-50%); left: 0;width: 100%;z-index: 2;}
.homeBanner_bolt_text_wrap{width: 84%;margin-left: auto;margin-right: auto;}

.homeBanner_bolt_text_subtit{font-size: 2.4vw;color: #FFF;}

.homeBanner_bolt_text_main{position: relative; left: -0.12rem;}
.homeBanner_bolt_text_main i{position:absolute; top:50%; transform:translate(0,-50%); left: 10px; font-size: 9vw;color: transparent; -webkit-text-stroke: 3px rgb(255 255 255 / 30%); font-weight: bold;}
.homeBanner_bolt_text_main h3{font-size: 9vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.1;}

.homeBanner_bolt_text_line{display: table; margin-bottom: 0.2rem; position: relative;}
.homeBanner_bolt_text_line::before{content: '';position: absolute;right: 0;bottom: -14px; width: 100%;height: 6px;background: var(--i_color);}

@media screen and (max-width:1440px) {
	.homeBanner_bolt_text_wrap{width: 90%;}
}
@media screen and (max-width:1024px) {
	.homeBanner_bolt_text_wrap{width: 94%;}

	.homeBanner_bolt_text_subtit{font-size: 2vw;}
	.homeBanner_bolt_text_main i{font-size: 11.8vw;}
	.homeBanner_bolt_text_main h3{font-size: 12vw;}

	.homeBanner_bolt_text_line::before{height: 4px}
}
@media screen and (max-width:768px) {
	.homeBanner_bolt_text_subtit{font-size: 2.2vw;}
}
@media screen and (max-width:560px) {
	.homeBanner_bolt_text_subtit{font-size: 3.2vw;}
	.homeBanner_bolt_text_main{left: 0;}
	.homeBanner_bolt_text_main i{left:4px; font-size: 8.8vw; -webkit-text-stroke: 1px rgb(255 255 255 / 20%)}
	.homeBanner_bolt_text_main h3{font-size: 8.8vw;}
	.homeBanner_bolt_text_line{margin-bottom: 14px;}
	.homeBanner_bolt_text_line::before{bottom: -8px; height: 3px;}
}




.smtext{position: absolute;left: 0;bottom: 0.4rem; width: 100%;}
.smtext span{color: #FFF;}

@media screen and (max-width:1024px) {
	.smtext span{display: block; font-size: 13px; line-height: 1.2; text-shadow: 1px 0 black;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.homeBannerText_2.b5{top: 31%;}
	.smtext{bottom: 30px;}
	.smtext span{font-size: 11px;}
}





.b_text{position:absolute; top:0; left: 0;width: 100%;height: 100%;z-index: 3;}

.b_text>img{position:relative; top:54%; left:50%; transform:translate(-50%,-50%);width: 31.4%;max-width: 600px;}



.b_left{

	position:absolute; top:42%; transform:translate(0,-50%);left: 12%;

	box-sizing: border-box;

	padding: .06rem 0 0 .16rem;

	z-index: 4;

}

.b_left::before{content: '';position: absolute;left: 0;top: -.3rem;width: 1px;height: 1.8rem;background: #FFF;}

.b_left::after{content: '';position: absolute;left: -.3rem;top: 0;width: 1.8rem;height: 1px;background: #FFF;}

.b_left p{font-size: 0.8rem;color: #FFF;font-weight: bold;}

.b_left h6{margin-bottom: .8rem; font-size: 0.3rem;color: #FFF;font-weight: bold;}

.b_left dl{display: none;}



.b_right{position:absolute; top:54%; transform:translate(0,-50%);right:8%;z-index: 4;}

.b_right dt{margin: .16rem 0; padding-left: 0.4rem; position: relative;}

.b_right dt::before{

	content: '';

	position:absolute; top:50%; transform:translate(0,-50%);left: 0;

	width: 0.24rem;

    height: 0.24rem;

    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="14" height="14" viewBox="0 0 14 14"%3E%3Cg fill="none" stroke="%23bf1b1d" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="7" cy="7" r="4.5"%2F%3E%3Ccircle cx="7" cy="7" r=".5"%2F%3E%3Cpath d="M7 2.5v-2m0 13v-2M11.5 7h2M.5 7h2"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;

    background-size: contain;}

.b_right p{font-size: 0.18rem;color: #FFF;}



@media screen and (max-width:1440px) {

	.b_left{left: 5%;}

	.b_left p{font-size: 0.66rem;}

	.b_left h6{font-size: 0.24rem;}



	.b_right{right: 5%;}

	.b_right p{font-size: 0.17rem;}

}

@media screen and (max-width:1366px) {

	.b_left::before{height: 1.6rem;}

	.b_left::after{width: 1.6rem;}

	.b_left p{font-size: 0.6rem;}

	.b_left h6{font-size: 0.22rem;}



	.b_right p{font-size: 0.16rem;}

}

@media screen and (max-width:1200px) {

	.b_left p{font-size: 0.48rem;}

	.b_left h6{font-size: 0.2rem;}



	.b_right p{font-size: 0.16rem;}

}

@media screen and (max-width:1024px) {

	.b_left{padding: 0 0;left: 3%;top: 46%;}

	.b_text::before{content: '';position:absolute; top:0; left:0; width:100%; height:100%; background: rgb(0 0 0 / 50%);}

	.b_text>img{opacity: .4;width: 36%;}



	.b_left::before,.b_left::after{display: none;}



	.b_left p{font-size: 0.4rem;}

	.b_left h6{margin-bottom: 0; font-size: 0.18rem;}

	.b_left dl{display: block;margin: 0.3rem 0;}

	.b_left dt{margin: .14rem 0; padding-left: 0.3rem; position: relative;font-size: 0.15rem;color: #FFF;}

	.b_left dt::before{

		content: '';

		position:absolute; top:50%; transform:translate(0,-50%);left: 0;

		width: 0.22rem;

		height: 0.22rem;

		background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="14" height="14" viewBox="0 0 14 14"%3E%3Cg fill="none" stroke="%23bf1b1d" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="7" cy="7" r="4.5"%2F%3E%3Ccircle cx="7" cy="7" r=".5"%2F%3E%3Cpath d="M7 2.5v-2m0 13v-2M11.5 7h2M.5 7h2"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;

		background-size: contain;

	}



	.b_right{display: none;}

}

@media screen and (max-width:768px) {

	.b_left p{font-size: 0.26rem;}

	.b_left h6{margin-bottom: 0.3rem;font-size: 0.15rem;}

	.b_left dl{display: none;}

	.b_left dt{padding-left: 0.26rem; font-size: 0.13rem;}

	.b_left dt::before{width: 0.18rem;height: 0.18rem;}

}

@media screen and (max-width:560px) {

	.b_left p{font-size: 0.2rem;}

	.b_left h6{margin-bottom: 0.24rem;font-size: 0.14rem;}

}













.cross_shaped{position: relative;}

.cross_shaped::before,.cross_shaped::after{

	content: '';

    position: absolute;

    background: #FFF;

    -webkit-border-radius: 1rem;

    border-radius: 1rem;

}

.cross_shaped::before{

	top: -8px;

    left: -14px;

    width: 3px;

    height: 0.24rem;

}

.cross_shaped::after{

	left: -18px;

    top: -2px;

    width: 0.24rem;

    height: 3px;

}

@media screen and (max-width:1024px) {

	.cross_shaped::before{height: 20px;width: 2px;top: -10px;left: -10px;}

	.cross_shaped::after{width: 20px;height: 2px;left: -14px;top: -5px;}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:560px) {

	.cross_shaped::before{height: 16px;width: 2px;top: -8px;left: -8px;}

	.cross_shaped::after{width: 16px;height: 2px;left: -12px;top: -4px;}

}

















.b_text2{position:absolute; top:47%; transform:translate(0,-50%);right: 8%;}

.b_text2 h5{font-size: 0.34rem;color: #FFF;}

.b_text2 span{padding-bottom: 0.1rem;margin-bottom: 0.1rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;position: relative;}

.b_text2 span::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;background: #FFF;-webkit-border-radius:1rem; border-radius:1rem;}

.b_text2 span p{font-size: 0.64rem;color: #FFF;font-weight: bold;}

.b_text2 span i{margin-left: 0.14rem; padding: 0 .2rem; font-size: 0.46rem;color: #FFF;background: var(--i_color);font-weight: bold; -webkit-border-radius:2rem; border-radius:2rem;}



@media screen and (max-width:1440px) {

	.b_text2 h5{font-size: 0.3rem;}

	.b_text2 span::before{height: 4px;}

	.b_text2 span p{font-size: 0.54rem;}

	.b_text2 span i{font-size: 0.4rem;}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {

	.b_text2 h5{font-size: 0.24rem;}

	.b_text2 span p{font-size: 0.46rem;}

	.b_text2 span i{font-size: 0.34rem;}

}

@media screen and (max-width:1024px) {

	.b_text2{right: 3%;}

	.b_text2 h5{font-size: 0.18rem;}

	.b_text2 span::before{height: 3px;}

	.b_text2 span p{font-size: 0.34rem;}

	.b_text2 span i{font-size: 0.28rem;}

}

@media screen and (max-width:768px) {

	.b_text2 h5{font-size: 0.16rem;}

	.b_text2 span p{font-size: 0.3rem;}

	.b_text2 span i{padding: 0 0.1rem; font-size: 0.24rem;}

}

@media screen and (max-width:560px) {

	.b_text2 h5{font-size: 0.14rem;}

	.b_text2 span::before{height: 2px;}

	.b_text2 span p{font-size: 0.18rem;}

	.b_text2 span i{padding: 0 0.1rem; font-size: 0.16rem;}

}











.b_text3{position:absolute; top:48%; transform:translate(0,-50%);right: 8%;text-align: right;}

.b_text3 h5{font-size: 0.4rem;color: #FFF;}

.b_text3 h6{display: table;padding-top: 0.1rem; margin:.1rem 0 0 auto; font-size: 0.3rem;color: #FFF;position: relative;}

.b_text3 h6::before{content: '';position: absolute;left: 0;top: -6px;width: 100%;height: 4px;background: #FFF;-webkit-border-radius:1rem; border-radius:1rem;}

.b_text3 span{display:-webkit-inline-flex; display:inline-flex; flex-wrap:wrap;align-items: center;justify-content: flex-end; position: relative;}

.b_text3 span p{font-size: 1rem;color: #FFF;font-weight: bold;}

.b_text3 span i{margin-left: 0.14rem; padding: 0 .2rem; font-size: 0.56rem;color: #FFF;background: var(--i_color);font-weight: bold; -webkit-border-radius:2rem; border-radius:2rem;}



@media screen and (max-width:1440px) {

	.b_text3{top: 50%;}

	.b_text3 h5{font-size: 0.36rem;}

	.b_text3 span p{font-size: 0.9rem;}

	.b_text3 span i{font-size: 0.5rem;}

	.b_text3 h6{font-size: 0.28rem;}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {

	.b_text3 h5{font-size: 0.32rem;}

	.b_text3 span p{font-size: 0.74rem;}

	.b_text3 span i{font-size: 0.46rem;}

	.b_text3 h6{font-size: 0.24rem;}

	.b_text3 h6::before{height: 3px;}

}

@media screen and (max-width:1024px) {

	.b_text3{top: 46%;}

	.b_text3 h5{font-size: 0.24rem;}

	.b_text3 span p{font-size: 0.46rem;}

	.b_text3 span i{font-size: 0.32rem;}

	.b_text3 h6{font-size: 0.16rem;}

}

@media screen and (max-width:768px) {

	.b_text3 h5{font-size: 0.18rem;}

	.b_text3 span p{font-size: 0.32rem;}

	.b_text3 span i{font-size: 0.22rem;padding: 0 .1rem;}

	.b_text3 h6{font-size: 0.14rem;}

	.b_text3 h6::before{top: 0; height: 2px;}

}

@media screen and (max-width:560px) {

	.b_text3 h5{margin-bottom: 4px; font-size: 0.15rem;}

	.b_text3 span p{font-size: 0.2rem;}

	.b_text3 span i{font-size: 0.16rem;}

	.b_text3 h6{padding-top: 6px;margin: 6px 0 0 auto; width: 72%; font-size: 0.13rem;}

}















.b_text5{position:absolute; top:48%; transform:translate(0,-50%);right: 8%;}

.b_text5 p{font-size: 0.86rem;color: #FFF;font-weight: 900;}

.b_text5 i{padding: 0 .16rem; font-size: 0.34rem;color: #FFF;font-weight: bold; background:#a2232f;-webkit-border-radius:2rem; border-radius:2rem;}

.b_text5 h6{padding-top: 0.14rem;margin-top: 0.2rem; width: 5.7rem; font-size: 0.26rem;color: #FFF;position: relative;}

.b_text5 h6::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 4px;background: #FFF;-webkit-border-radius:1rem; border-radius:1rem;}



@media screen and (max-width:1440px) {

	.b_text5{right: 6%;}

	.b_text5 p{font-size: 0.7rem;}

	.b_text5 i{font-size: 0.3rem;}

	.b_text5 h6{width: 5rem; font-size: 0.24rem;}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {

	.b_text5 p{font-size: 0.58rem;}

	.b_text5 i{font-size: 0.24rem;}

	.b_text5 h6{width: 4.6rem; font-size: 0.2rem;}

}

@media screen and (max-width:1024px) {

	.b_text5{right: 4%;}

	.b_text5 p{font-size: 0.38rem;}

	.b_text5 i{font-size: 0.2rem;}

	.b_text5 h6{width: 3.6rem; font-size: 0.18rem;}

	.b_text5 h6::before{height: 2px;}

}

@media screen and (max-width:768px) {

	.b_text5{right: 3%;}

	.b_text5 p{font-size: 0.28rem;}

	.b_text5 i{font-size: 0.18rem;}

	.b_text5 h6{padding-top: 0.08rem;margin-top: 0.12rem; width: 2.5rem; font-size: 0.15rem;}

}

@media screen and (max-width:560px) {

	.b_text5 p{font-size: 0.2rem;}

	.b_text5 i{padding: 0 .1rem; font-size: 0.14rem;}

	.b_text5 h6{padding-top: 0.06rem;margin-top: 0.08rem; width: 2rem; font-size: 0.13rem;}

}















.i_piclist{}



.i_piclist dl{display:-webkit-flex; display:flex; flex-wrap:wrap;flex-direction: column;gap: .4rem 0;}

.i_piclist dt{position: relative;width: 100%; -webkit-border-radius:.3rem; border-radius:.3rem; overflow: hidden;}



.i_piclist .img{width:100%; position:relative; overflow:hidden}

.i_piclist .img::before{content:""; display:block; padding-bottom:33.33%}

.i_piclist .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}



.i_piclist .txt{

	position:absolute; top:46%; left:50%; transform:translate(-50%,-50%);

	box-sizing: border-box;

	padding: 0 5%;

	width: 100%;

}

.i_piclist .txt>p,.i_piclist .txt>h2{

	font-size: 0.4rem;color: #FFF;font-weight: bold;}

.i_piclist .txt h6{

	margin: .14rem 0 .5rem;

	font-size: 0.18rem;color: #FFF;

}

.i_piclist .txt.center{text-align: center;}

.i_piclist .txt.center .i_more{margin-left: auto;margin-right: auto;}

.i_piclist .i_more{border-color: #FFF;}

.i_piclist .i_more b{color: #FFF;}



.i_piclist dt:hover img{width: 104%;height: 104%;}



@media screen and (max-width:1440px) {

	.i_piclist .txt{padding: 0 5%;}

	.i_piclist .txt>p,.i_piclist .txt>h2{font-size: 0.34rem;}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {

	.i_piclist .txt>p,.i_piclist .txt>h2{font-size: 0.3rem;}

	.i_piclist .txt h6{font-size: 0.16rem;}

}

@media screen and (max-width:1024px) {

	.i_piclist{width: 94vw; margin: 0.54rem auto;}

	.i_piclist .i_tit{display: block;}



	.i_piclist dl{display:-webkit-flex; display:flex; flex-direction: column;gap: .3rem 0;}

	.i_piclist dt{-webkit-border-radius:.2rem; border-radius:.2rem;overflow: hidden;}

	.i_piclist .txt{padding: 0 3%;}

	.i_piclist .txt>p,.i_piclist .txt>h2{font-size: 0.24rem;}

	.i_piclist .txt h6{margin: .14rem 0 0.4rem; font-size: 0.15rem;}

}

@media screen and (max-width:768px) {

	.i_piclist{margin: 0.4rem auto;}

	.i_piclist dl{gap: .2rem 0;}

	.i_piclist .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}



	.i_piclist .txt{position: relative;top: initial;left: initial;transform: none;padding: .6rem .3rem;}

	.i_piclist .txt>p,.i_piclist .txt>h2{font-size: 0.2rem;}

	.i_piclist .txt h6{margin: .06rem 0 0.24rem}

}

@media screen and (max-width:560px) {

	.i_piclist{}

	.i_piclist dt{-webkit-border-radius:.1rem; border-radius:.1rem;}

	.i_piclist .txt{padding: .4rem .2rem;}

	.i_piclist .txt>p,.i_piclist .txt>h2{font-size: 0.17rem;}

	.i_piclist .txt h6{font-size: 0.14rem;}

}



















.i_products{}



.p_nav{margin-bottom: 0.5rem;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;justify-content: center;gap: .18rem .4rem;}

.p_nav li{position: relative;cursor: pointer;}

.p_nav li::before{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--i_color);}

.p_nav li.curr::before{width: 100%;}

.p_nav a{display: block;padding: 2px 0;font-size: 0.18rem;}

.p_nav a:hover,.p_nav .curr a{color: var(--i_color);}



@media screen and (max-width:1440px) {



}

@media screen and (max-width:1366px) {

	.p_nav a{font-size: 0.17rem;}

}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {

	.p_nav a{font-size: 0.16rem;}

}

@media screen and (max-width:768px) {

	.p_nav{gap: .1rem .3rem;margin-bottom: 0.4rem;}

	.p_nav a{font-size: 0.15rem;}

}

@media screen and (max-width:560px) {

	.p_nav{margin-bottom: 0.3rem;margin-top: -.1rem;}

}









.p_show{width: 100%;position: relative;overflow: hidden;}

.p_show::before{content: '';display: block;padding-bottom: 45%;}



.p_show dt{opacity: 0;position: absolute;left: 0;top:0;width: 100%;height: 100%; overflow: hidden;z-index: 2;-webkit-transition:all .4s ease; transition:all .4s ease;}

.p_show dt.curr{opacity: 1;z-index: 3;animation: InLeft .5s forwards;}



.i_p_list {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-template-rows: 1fr 1fr;

	gap: 20px;

}

.i_p_list li {

	background: #F1F1F1;

	position: relative;

	-webkit-border-radius:.2rem; border-radius:.2rem;

	overflow: hidden;

}

.i_p_list li:nth-child(1){

	grid-area: 1 / 1 / 3 / 3

}

.i_p_list li:nth-child(2){

	grid-area: 1 / 3 / 2 / 4

}

.i_p_list li:nth-child(3){

	grid-area: 1 / 4 / 2 / 5

}

.i_p_list li:nth-child(4){

	grid-area: 2 / 3 / 3 / 4

}

.i_p_list li:nth-child(5){

	grid-area: 2 / 4 / 3 / 5

}



.i_p_list a{display: block;width: 100%;height: 100%;position: relative;}



.i_p_list .img{width:100%; position:relative; top: 15%; overflow:hidden}

.i_p_list .img::before{content:""; display:block; padding-bottom:50%}

.i_p_list .img img{

	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);

	width: 100%;height: 100%;object-fit: contain;-webkit-transition:all .5s ease; transition:all .5s ease;}

.i_p_list .img iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0;color: var(--i_color);-webkit-transition:all .5s .1s; transition:all .5s .1s;}



.i_p_list .txt{

	position: absolute;

	left: 0;

	bottom: 8%;

	width: 100%;

	box-sizing: border-box;

	padding: 0 .2rem;

	text-align: center;

	z-index: 3;

}

.i_p_list .txt p{font-size: 0.24rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_p_list .txt span{margin-top: 0.2rem;}



.i_p_list li:hover img{-webkit-transform: translate(-50%,-50%) scale(1.1, 1.1); transform: translate(-50%,-50%) scale(1.1, 1.1);}

.i_p_list li:hover iconify-icon{font-size: 0.44rem;}

.i_p_list li:hover p{color: var(--i_color);}



@media screen and (max-width:1440px) {

	.i_p_list .txt p{font-size: 0.22rem;}

}

@media screen and (max-width:1366px) {

	.i_p_list .txt p{font-size: 0.2rem;}

}

@media screen and (max-width:1200px) {

	.i_p_list .txt p{font-size: 0.18rem;}

}

@media screen and (max-width:1024px) {

	.i_p_list{gap: 10px;}

	.i_p_list li{-webkit-border-radius:.1rem; border-radius:.1rem;}

	.i_p_list li:hover iconify-icon{font-size: 0.3rem;}

	.i_p_list .txt p{font-size: 0.15rem;}

}

@media screen and (max-width:768px) {

	.p_show::before{display: none;}

	.p_show dt{position: initial;display: none;}

	.p_show dt.curr{display: block;}

	.i_p_list{position: initial; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .3rem 4%;}

	.i_p_list li{width: 48%}

	/* .i_p_list li:last-child{display: none;}

	.i_p_list .img{width:100%; position:relative; overflow:hidden}

	.i_p_list .img::before{content:""; display:block; padding-bottom:100%}

	.i_p_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; height:80%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease} */



	.i_p_list a{box-sizing: border-box; padding: .2rem 0;}

	.i_p_list .img{top: 0;}



	.i_p_list .txt{margin-top: 0.16rem; position: relative; left: initial;bottom: initial;}

}

@media screen and (max-width:560px) {

	.i_p_list{gap: .16rem 4%;}

	.i_p_list .txt p{font-size: 0.14rem;}

}















.i_videos{}



.vd_list{position:relative; overflow:hidden}
.vd_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.vd_list .swiper-slide{flex-shrink:0; position:relative; overflow:hidden}
.vd_list .swiper-slide::before{content:""; display:block; padding-bottom:54%}
/* .vd_list .swiper-slide:after{content: '';position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2;} */

.vd_list iframe{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}


.vd-prev,.vd-next{position:absolute; top:50%; transform:translate(0,-50%); width:.4rem; height:.4rem; z-index:3; cursor:pointer; outline:none; -webkit-user-select:none; user-select:none}

.vd-prev{left:20%;}

.vd-next{right:20%;}

.vd-prev iconify-icon,.vd-next iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:0.4rem; color:#FFF;}

.vd_list .swiper-button-disabled{cursor:not-allowed}

.vd-prev:hover iconify-icon,.vd-next:hover iconify-icon{color: var(--i_color);}

.vd-pagination{
	position:absolute; left:50%; transform:translate(-50%,0);bottom: 6%;
}



@media screen and (max-width:1440px) {}

@media screen and (max-width:1366px) {

	.vd_content p{font-size: 0.22rem;}

	.vd-prev iconify-icon, .vd-next iconify-icon{font-size: 0.34rem;}

}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {
	.vd_content{top: 0.5rem;}
	.vd-prev{left:3%;}
	.vd-next{right:3%;}

}

@media screen and (max-width:768px) {
	.vd_content p{font-size: 0.18rem;}

}

@media screen and (max-width:560px) {
	.vd_content{top: 0.24rem;}
	.vd_content p{font-size: 0.16rem;}

	.vd-prev iconify-icon, .vd-next iconify-icon{font-size: 26px;}

	.vd-pagination{bottom: 0.28rem;}

}















/* Explore News */

/* pages/public_news_explore.css */















/* News List */

/* pages/public_news_list.css */

















.i_info{}



.i_info_list{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 4%;}



.i_info_list dt{width: 22%;}



.i_info_list .p{width:100%; position:relative;-webkit-border-radius:.1rem; border-radius:.1rem; overflow:hidden}

.i_info_list .p::before{content:""; display:block; padding-bottom:27.6%}

.i_info_list .p>img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}



.i_info_media{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width: 100%;display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;justify-content: center; gap: 0 .14rem;}

.i_info_media li{-webkit-transition:all .5s ease; transition:all .5s ease;}

.i_info_media img{height: 0.4rem;}

.i_info_media .ins{}

.i_info_media .fb{}

.i_info_media .x{}

.i_info_media .youtube{}

.i_info_media li:hover{-webkit-transform:translate(0,-8px); transform:translate(0,-8px);}



.i_info_list .t{margin-top: 0.16rem;}

.i_info_list .t p{font-size: 0.24rem;font-weight: bold;}

.i_info_list .t h6{margin: .14rem 0;font-size: 0.18rem;}



.i_info_list .t a{}

.i_info_list .t a i{font-size: 14px;text-decoration: underline;}

.i_info_list .t a:hover i{color: var(--i_color);}



.i_wtb{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}

.i_wtb .search_ipt{width: calc(100% - .3rem);font-size: 14px;border-bottom: 1px solid #818181;line-height: 0.26rem;}

.i_wtb .search_btn{

	font-size: 0;width: 0.24rem;height: 0.24rem;

	background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="" d="M10.77 18.3a7.53 7.53 0 1 1 7.53-7.53a7.53 7.53 0 0 1-7.53 7.53Zm0-13.55a6 6 0 1 0 6 6a6 6 0 0 0-6-6Z"%2F%3E%3Cpath fill="" d="M20 20.75a.74.74 0 0 1-.53-.22l-4.13-4.13a.75.75 0 0 1 1.06-1.06l4.13 4.13a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22ZM10.75 14a.76.76 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v5a.76.76 0 0 1-.75.75Z"%2F%3E%3Cpath fill="" d="M13.25 11.5h-5a.75.75 0 0 1 0-1.5h5a.75.75 0 0 1 0 1.5Z"%2F%3E%3C%2Fsvg%3E') no-repeat center;

	background-size: contain;

	cursor: pointer;

}

.i_wtb .search_btn:hover{

	background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23bf1b1d" d="M10.77 18.3a7.53 7.53 0 1 1 7.53-7.53a7.53 7.53 0 0 1-7.53 7.53Zm0-13.55a6 6 0 1 0 6 6a6 6 0 0 0-6-6Z"%2F%3E%3Cpath fill="%23bf1b1d" d="M20 20.75a.74.74 0 0 1-.53-.22l-4.13-4.13a.75.75 0 0 1 1.06-1.06l4.13 4.13a.75.75 0 0 1 0 1.06a.74.74 0 0 1-.53.22ZM10.75 14a.76.76 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v5a.76.76 0 0 1-.75.75Z"%2F%3E%3Cpath fill="%23bf1b1d" d="M13.25 11.5h-5a.75.75 0 0 1 0-1.5h5a.75.75 0 0 1 0 1.5Z"%2F%3E%3C%2Fsvg%3E') no-repeat center;

	background-size: contain;

}



@media screen and (max-width:1440px) {

	.i_info_list .t p{font-size: 0.2rem;}

	.i_info_list .t h6{font-size: 0.17rem;}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {

	.i_info_list .t p{font-size: 0.18rem;}

	.i_info_list .t h6{font-size: 0.15rem;}

}

@media screen and (max-width:1024px) {

	.i_info_list{gap: .5rem 4%;}

	.i_info_list dt{width: 48%;}

}

@media screen and (max-width:768px) {

	.i_info_list .t p{font-size: 0.17rem;}

	.i_info_list .t h6{font-size: 0.14rem;}

}

@media screen and (max-width:560px) {

	.i_info_list{gap: .3rem 0;}

	.i_info_list dt{width: 100%;}

	.i_info_media img{height: 0.4rem;}

	.i_info_list .t p{font-size: 0.16rem;}

}













