@charset "utf-8";



.in_banner_about{}

.in_banner_about .in_banner_t{top: 40%;}













.in_about{}



@media screen and (min-width:1025px) {

	.fadein__pic_box{height: calc(200vh + var(--header_height));position: relative;}



	.fadein__pic{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;}

	.fadein__pic.fixed{position: fixed;}

	.fadein__pic.fixed_bottom{top: initial;bottom: 0;}

	.fadein__pic_mask{

		position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1);width: 100%;height: calc(100% + 2px);object-fit: cover;

		z-index: 2;

	-webkit-transition:all .2s ease; transition:all .2s ease;}

	.fadein__pic_video{

		width: 100%;height: 100%;position: relative;

		z-index: 1;

	}

	.fadein__pic_video video{width: 100%;height: 100%;object-fit: cover;}

}

.fadein__pic_video p{position:absolute; left:50%; transform:translate(-50%,0);bottom: 16%;font-size: 0.44rem;font-weight: bold;color: #FFF;white-space:nowrap}



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

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

}

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

	.fadein__pic_video p{font-size: 0.36rem;}

}

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

	.fadein__pic_video p{font-size: 0.32rem;}

}

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

	.fadein__pic_box{margin-top: 0.4rem;}

	.fadein__pic_mask{display: none;}

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

	.fadein__pic_video::before{content:""; display:block; padding-bottom:56.25%}

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

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

}

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

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

}

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

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

}



















.ab_whychoose{}

.ab_whychoose dl{background: #202020; display: block; position: static;}

.ab_whychoose dt{position: -webkit-sticky; position: sticky; top: 0; box-sizing: border-box; height: 100vh; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;background: #202020;}



.ab_whychoose dt .img{width: 50%; height: 100%; position:relative; overflow:hidden}

.ab_whychoose dt .img img{width:100%; height:100%; object-fit:cover;}



.ab_whychoose .txt{width: 50%; box-sizing: border-box; padding: 0 5%}

.ab_whychoose2 .txt{width: 100%; box-sizing: border-box; padding: 0 5%;text-align: center;}


.ab_whychoose .txt>i{display: block; padding-bottom: 0.16rem;margin-bottom: 0.1rem; border-bottom: 1px solid rgb(255 255 255 / 10%); font-size: 0.16rem;color: rgb(255 255 255 / 30%);}

.ab_whychoose .txt p,

.ab_whychoose2 .txt p{margin-bottom: 0.3rem; font-size: 0.4rem;color: #FFF; font-weight: bold;}

.ab_whychoose .txt p i,

.ab_whychoose2 .txt p i{color: var(--i_color);font-weight: bold;}

.ab_whychoose .txt h6,

.ab_whychoose2 .txt h6{font-size: 0.18rem;color: #FFF;line-height: 0.34rem;}





.ab_whychoose2{background: #202020}

.ab_whychoose2 iframe{width: 100%;}

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

.ab_whychoose2 .v::before{content:""; display:block; padding-bottom:56.25%}

.ab_whychoose2 .v iframe,.ab_whychoose2 .v video{position:absolute; bottom: 0;left: 0; width:100%; height:100%; object-fit:cover}



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

	.ab_whychoose .txt p,

	.ab_whychoose2 .txt p{font-size: 0.34rem;}

}

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

	.ab_whychoose .txt p,

	.ab_whychoose2 .txt p{font-size: 0.3rem;}

	.ab_whychoose .txt h6,

	.ab_whychoose2 .txt h6{font-size: 0.17rem;}

}

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

	.ab_whychoose .txt p,

	.ab_whychoose2 .txt p{font-size: 0.26rem;}

	.ab_whychoose .txt h6,

	.ab_whychoose2 .txt h6{font-size: 0.16rem;line-height: 0.28rem;}

}

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

	.ab_whychoose dt{position: relative !important; flex-wrap: wrap;height: auto;}

	.ab_whychoose dt .img,.ab_whychoose dt .txt{width: 100%;height: auto;}

	.ab_whychoose dt .img{}

	.ab_whychoose dt .txt{order: -1; padding: .4rem 3%;}

	.ab_whychoose2 .txt{padding: 0 0;text-align: left;}

	.ab_whychoose2 .v::before{padding-bottom: 56.25%;}



	.ab_whychoose dd .txt{padding: 0.6rem 0 0.5rem;}

	.ab_whychoose .txt p,

	.ab_whychoose2 .txt p{margin-bottom: 0.14rem; font-size: 0.2rem;}

	.ab_whychoose .txt h6,

	.ab_whychoose2 .txt h6{font-size: 0.14rem;line-height: 0.2rem;}

}

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

	.ab_whychoose .txt p,

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

	.ab_whychoose .txt p i,

	.ab_whychoose2 .txt p i{display: block;}

	.ab_whychoose .txt h6,

	.ab_whychoose2 .txt h6{font-size: 0.13rem;}

}

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

	.ab_whychoose .txt p,

	.ab_whychoose2 .txt p{font-size: 0.16rem;}

}























.history{font-size: 0;}

.history>img{margin-top: -16%;width: 100%;}



.history_list{

	height: 5rem;

	position:relative; overflow:hidden

}

.history_list::before{

	content: '';position: absolute;left: 18%;top: 0;

	width: 14px;height: 100%;

	background:url(../../images/history_stripe.webp) no-repeat center;

	background-size: contain;

}

.history_list::after{

	content: '';

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

	left: calc(18% - 10px);

	width: 34px;height: 0.8rem;

	background:url(../../images/history_stripe_curr.webp) no-repeat center;

	background-size: contain;

}

.history_list .swiper-wrapper{display:-webkit-flex; display:flex; flex-direction: column; position:relative; width:100%}

.history_list .swiper-slide{flex-shrink:0; display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; position:relative}

.history_list .num{flex-shrink: 0; font-size: 0.22rem;-webkit-transition:all .5s ease; transition:all .5s ease;}

.history_list .txt{margin-left: auto;width: 70%;height: 100%;box-sizing: border-box;border-bottom: 1px solid #DDD;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}

.history_list .txt span{width: 100%;}

.history_list .txt p{margin-bottom: 0.1rem; font-size: 0.24rem;}

.history_list .txt h6{max-height: 1rem; box-sizing: border-box; padding-right: 0.2rem; font-size: 0.16rem; overflow-y: auto;}

.history_list .txt h6::-webkit-scrollbar{width:2px; height:8px}

.history_list .txt h6::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); background: #333}

.history_list .txt h6::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius:0; background: #F1F1F1}



.history_list .swiper-slide-active .num{font-size: 0.34rem; color: var(--i_color);}



.history_control{margin-top: 0.6rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;justify-content: center;gap: 0 .2rem;}





.history-prev,.history-next{width:.4rem; height:.4rem; z-index:3; cursor:pointer; outline:none; position: relative; -webkit-user-select:none; user-select:none}

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

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

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



.history-pagination{display:block; text-align:center}

.history-pagination .swiper-pagination-bullet{width:.08rem; height:.08rem; display:inline-block; margin:0 6px; background:#CCC; -webkit-border-radius:50%; border-radius:50%; outline:none; cursor:pointer;}

.history-pagination .swiper-pagination-bullet-active{background:var(--i_color)}



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

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

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

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

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



	.history_list .num{width: 10%; font-size: 0.2rem;}

	.history_list .swiper-slide-active .num{font-size: 0.26rem;}

	.history_list .txt{width: 100%;margin-left: .2rem;}

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

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



	.history_control{margin-top: 0.4rem;}

	.history-prev, .history-next{width: 0.3rem;height: 0.3rem;}

	.history-prev iconify-icon, .history-next iconify-icon{font-size: 0.22rem;}

}

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

	.history_list .num{font-size: 0.17rem;}

	.history_list .swiper-slide-active .num{font-size: 0.22rem;}



	.history_list .txt p{font-size: 0.17rem;}

}

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

	.history_list .num{font-size: 0.16rem;}

	.history_list .swiper-slide-active .num{font-size: 0.18rem;}



	.history_list .txt p{font-size: 0.16rem;}

	.history_list .txt h6{font-size: 0.13rem;}



	.history_control{margin-top: 0.3rem;}

}















.findinfo{background: #1a1b21;}



.findinfo_cont{padding-bottom: 0.6rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; border-bottom: 1px solid rgb(255 255 255 / 40%);}

.findinfo_cont .i_tit{}

.findinfo_cont .i_tit h2{color: #FFF;}



.findinfo_t{width: 50%;margin-left: auto;}

.findinfo_t>p{color: #FFF;}



.findinfo_list{margin: .26rem 0 .36rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .1rem;}

.findinfo_list li{-webkit-border-radius:2rem; border-radius:2rem;box-sizing: border-box;border: 1px solid rgb(255 255 255 / 40%);position: relative;overflow: hidden;-webkit-transition:all .5s ease; transition:all .5s ease;}

.findinfo_list li::before{content: '';position: absolute;right: 0;width: 0;height: 100%;background: var(--i_color);-webkit-transition:all .5s ease; transition:all .5s ease;}

.findinfo_list a{display: block;padding: .08rem .24rem;font-size: 0.18rem; color: #FFF;position: relative;}

.findinfo_list li:hover{border-color: var(--i_color);}

.findinfo_list li:hover::before{right: initial;left: 0;width: 100%;}



.findinfo_media{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .18rem;}

.findinfo_media dt{-webkit-transition:all .5s ease; transition:all .5s ease;}

.findinfo_media img{height: 0.3rem;}

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



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

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

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

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

	.findinfo_t{width: 60%;}



	.findinfo_list a{font-size: 0.16rem;padding: .06rem .16rem;}

}

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

	.findinfo_cont .i_tit{width: 100%;}

	.findinfo_t{width: 100%; margin: .26rem 0 0;}

}

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

	.findinfo_list a{font-size: 0.14rem;padding: .06rem .1rem;}

}