/*========================================================*/
/*-------擐����批捆--------*/
/*========================================================*/

/*/////////////////////////////////////////////////////////*/
/*-------�梁�典��憛�--------*/
/*/////////////////////////////////////////////////////////*/


.logo{

}
	.logo a{
		position: relative;
	}
			
		.logo .before{
			
		}
		.logo .after{
			position: absolute;
			top:0;
			left: 0;
			opacity: 0;
		}


		.header.fixed .before{
			opacity: 0;	
		}
		.header.fixed .after{
			opacity: 1;	
		}















/*擐����批捆��憛�*/	
.mainContent{
	padding: 0;
	
	
}



	/*----- 擐���璅�憿�1 -----*/
	.index_title {
		/* font-size: 30px; */
		font-size: clamp(1.5000rem, 1.4583vw, 1.7500rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */
		font-weight: bold;
		color: #777;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 1.25rem; /*20px*/
	}	
		.index_title strong{	
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}	
	

		.title_en{
			margin-bottom: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* ��撠��� 15.48px��憭批�蝝� 1.5625vw����憭批�� 30.00px */
		}






		/* �亦���游����� */
		.main_home .btn_area {
			/* border: 1px solid #fff; */
			/* height: 2.85rem; */ /*45.6px*/
			/* transition: all .5s ease-in-out; */
			font-size: 1rem;
			line-height: normal;
			height: auto;
			margin-top: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* ��撠��� 23.23px��憭批�蝝� 2.3438vw����憭批�� 45px */
		}
		
			.main_home .btn_area input ,
			.main_home .btn_area button {
				border:none;
				/* border: 1px solid #fff; */
				width: 100%;
				max-width:clamp(6.25rem, 7.8125vw, 9.3750rem); /* ��撠��� 100px��憭批�蝝� 7.8125vw����憭批�� 150px */
				height: inherit;
				background: var(--primary_color);
				color: #fff;
				border-radius: 5px;
				transition: all .5s ease-in-out;
				position: relative;
				display: flex;
				justify-content: space-between;
				align-items: center;
				column-gap: 10px;
				font-family: var(--foreign_font);
				line-height: 3.28;
				padding: 0 0.625rem; /*10px*/
				cursor: pointer;
				overflow: hidden;
				transition: all 0.3s ease;
			}
			.main_home .btn_area button::before {
				content: "";
				background-color: #231F20;
				width: 0%;
				height: 100%;
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				/* transition: all 0.3s ease; */
				transition: width 0.3s , z-index 0.3s ;
			}
		
				.main_home .btn_area button strong{
					padding: 0;
					margin: 0;
					font-size: inherit;
					font-family: inherit;
					line-height: inherit;
					color: inherit;
					transition: all 0.3s ease;
				}
				.main_home .btn_area button i{
					transition: all 0.3s ease;
					font-size: 1.25rem;
					line-height: inherit;
					font-weight: bolder;
				}
		
		
				.main_home .btn_area button:hover::before {
					width: 100%;
					z-index: 0;
					transition: width 0.3s , z-index 0.3s ;
				}
				.main_home .btn_area button:hover strong ,
				.main_home .btn_area button:hover i{
					z-index: 2;
					transition: all 0.3s ease;
				}
		
		
		
		
		





@media(max-width:990px){

.mainContent{	
	padding: 0;	
}	

	/*----- 擐���璅�憿�1 -----*/
	.index_title{
		font-size: 25px;
		line-height: 1.2;
	}
	
}












/*========================================================*/
/*------banner頛芣��--------*/
/*========================================================*/


.index_banner_aboutBg{
	position: relative;
	overflow: hidden;
}

.index_banner_aboutBg .banner{
	position: unset;
}




.banner-mask ,
.banner-mask2{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0%;
    transform: skewX(30deg);
    z-index: 2;
	pointer-events: none;
}


.index_banner_aboutBg .banner-mask:before{
    content: "";
    position: absolute;
    display: block;
    width: 40%;
    height:100%;
    top: 0;
    /* background-color: #FF8A00; */
	background:linear-gradient(to bottom, var(--primary_color) 0%, var(--second_color), var(--third_color) 60%, transparent 100%);
	
}
 /* .index_banner_aboutBg .banner-mask::after  */
 .index_banner_aboutBg .banner-mask::after {
	opacity: 0;
	display: none;
 }






 .banner-mask2 {
    transform: skewX(30deg) translateX(28%);
 }
 .index_banner_aboutBg .banner-mask2:before{
    content: "";
    position: absolute;
    display: block;
    width: 40%;
    height:100%;
    top: 0;
    /* background-color: #FF8A00; */
	/* background:linear-gradient(to bottom, var(--primary_color) 0%, var(--second_color), var(--third_color) 60%, transparent 100%); */
	background-color: rgba(19 131 194 / 80%);
}

.index_banner_aboutBg .banner-mask2::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 40%;
    height: 100%;
	min-height: 150vh;
	height: 123%;
    top: 100%;
    background-color: rgba(19 131 194 / 80%);
}
.mask{
	position: absolute;
	display: block;
	width: 6%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
}





.index_banner_aboutBg{
	
}
.index_banner_aboutBg {
	
}
.index_banner_aboutBg .swiper-button-prev{
	position: absolute;
	top: 50%;
	margin: 0px;
	width: 60px;
	height: 60px;
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../index/images/left_arrow.png);
}
.index_banner_aboutBg .swiper-button-next{
	position: absolute;
    top: 50%;
    margin: 0px;
    width: 60px;
    height: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	background-image: url(../index/images/right_arrow.png);
}
.index_banner_aboutBg .swiper-button-prev:after, 
.index_banner_aboutBg .swiper-button-next:after {
    /* content: 'prev'; */
	display: none;
}
.index_banner_aboutBg .banner{
	position: relative;
}
.index_banner_aboutBg .banner .wrap{
	width: 80%;
	margin: 0 50px;
}
.index_banner_aboutBg .banner .nav-mask{
	pointer-events: none;
	position: absolute;
    z-index: 2;
    width: 100%;
    height: 140px;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 52.6%, rgba(255, 255, 255, 0) 100%);
}
	.index_banner_aboutBg .banner .swiper-wrapper {
		width:1920px;
	}

	.index_banner_aboutBg .swiper-container_pc  , 
	.index_banner_aboutBg .swiper-wrapper  , 
	.index_banner_aboutBg .swiper-container_pc .swiper-slide ,
	.index_banner_aboutBg .swiper-container_pc .swiper-slide a{
		transition: height 0.1s;
	}
	/* .index_banner_aboutBg .swiper-container_pc .swiper-slide{
		height: inherit;
	} */

		.index_banner_aboutBg .banner .swiper-slide a{
			position: relative;
			display: block;
			/* padding-top: 50%; 
			height: inherit;*/
			/* transition: padding-top 0.1s; */
		}
			.index_banner_aboutBg .banner .swiper-slide img {
				width:100%;
				height:auto;
				transition: all 0.3s ease-out;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				float: none;
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
				transition: all 0.3s ease-out;
			}

		.index_banner_aboutBg .pcBanner{
			display: block;
		}
		.index_banner_aboutBg .mobileBanner {
			display: none;
		}
		.index_banner_aboutBg .banner .banner-text {
			width: 100%;
			position: absolute;
			top: 25%;
			transform: unset;
			z-index: 3;
			pointer-events: none;
		}
		.index_banner_aboutBg .banner .banner-text .banner-title {
			max-width: 450px;
			color: #FFF;
		}
		.index_banner_aboutBg .banner .banner-text .banner-title .title_en {
			margin-bottom: 20px;
			font-size: calc(46 / 16* 1rem);
			line-height: 1.5;
			font-weight: 700;
			font-family: var(--foreign_font);
			/*font-display: swap;*/
		}
		.index_banner_aboutBg .banner .banner-text .banner-title .title {
			font-size: 1rem;
			line-height: 1.5;
			font-weight: 700;
		}

@media(min-width:991px){

	.index_banner_aboutBg .swiper-container_pc  , 
	.index_banner_aboutBg .swiper-wrapper  , 
	.index_banner_aboutBg .swiper-container_pc .swiper-slide ,
	.index_banner_aboutBg .swiper-container_pc .swiper-slide a{
		min-height: 100dvh;
	}

}

@media(max-width:990px){

	.index_banner_aboutBg .banner .swiper-slide a{
		position: relative;
		display: block;
		padding-top: 129.49%;
	}
	
	.index_banner_aboutBg .pcBanner{
		display: none;
	}
	.index_banner_aboutBg .mobileBanner {
		display: block;
	}
	.index_banner_aboutBg .banner .banner-text .wrap{
		width: 100%;
		margin: 0 20px;
	}

	.index_banner_aboutBg .banner .nav-mask{
		position: unset;
		display: none;
	}

	.index_banner_aboutBg .banner-mask{
		/* display: none; */
	}
	.index_banner_aboutBg .banner-mask:before{
		display: none;
	}
	.index_banner_aboutBg .banner-mask::after{
		height: 100%;
		transform: skewX(28deg);
	}
	.index_banner_aboutBg .mask{
		display: none;
	}








	.index_banner_aboutBg .banner .banner-text {
        position: relative;
        background:linear-gradient(to bottom, var(--primary_color) 0%, var(--second_color), var(--third_color) 60%, transparent 100%);
        transform: none;
        padding: 20px 0;

		top: unset;
		background: var(--second_color);
	}
	.index_banner_aboutBg .banner .banner-text .banner-para {
		position: absolute;
		top: 0;
		left: -35%;
		z-index: -1;
		width: 50%;
		height: 100%;
		transform: skewX(-30deg);
		background-color: rgba(255, 255, 255, 0.2);
	}
	.index_banner_aboutBg .banner .banner-text .banner-title .title_en {
        font-size:1rem;
        line-height:1.5;
		padding: 0;
        margin: 0 auto;
    }
	.index_banner_aboutBg .banner .banner-text .banner-title .title {
		padding: 0;
		margin: 0;
		font-size: 1rem;
        line-height: 1.5;
    }

}















/*========================================================*/
/*------���潭����--------*/
/*========================================================*/
.index_aboutBg {
	position: relative;
    z-index: 2;
	/* margin: 150px 0; */
}


.index_aboutBg .wrap{
	position: relative;
    z-index: 3;
	padding: 0;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	gap:clamp(2.6452rem, 4.2708vw, 5.1250rem); /* ��撠��� 42.32px��憭批�蝝� 4.2708vw����憭批�� 82.00px */

	padding: clamp(3.2259rem, 5.2083vw, 6.2500rem) 0; /*��撠��� 51.61px��憭批�蝝� 5.2083vw����憭批�� 100.00px */
	display: grid;
	/* grid-template-columns: minmax(2.02fr , 830px) 1fr; */
	grid-template-columns: minmax(clamp(26.7751rem, 43.2292vw, 51.875rem) , 2.02fr) 1fr; /* ��撠��� 428.4px��憭批�蝝� 43.2292vw����憭批�� 830px */
}






	.index_aboutBg .about_left{

	}





	.index_aboutBg .swiper-wrapper{
		width: 830px;
		width: 100%;
	}
	.index_aboutBg .swiper-slide a{
		display: block;
		position: relative;
		padding-top: 66.7%;
	}
	.index_aboutBg .swiper-slide img{
		width:100%;
		height:auto;
		transition: all 0.3s ease-out;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		float: none;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		transition: all 0.3s ease-out;
	}

	.about_right{
		width: 50%;
		width: 100%;
	}




.about_right .index_title{
	text-align: left;
}







@media(max-width:990px){
	.index_aboutBg {
		/* margin: 80px 0; */

		/*margin: clamp(2.1875rem, 4.1667vw, 5rem)   0;*/ /* ��撠��� 35.00px��憭批�蝝� 4.1667vw����憭批�� 80.00px */
	}
	.index_aboutBg .wrap{
		display: flex;
		flex-direction: column;
		gap: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
	}
	.about_left{
		flex: 1;
		max-width: 45rem;  /* 720px */
		max-width:unset;
		width:100%
	}
	.about_right{
		width: 100%;
	}
}


/*/////////////////////////////////////////////////////////*/
/*------擐���_��������--------*/
/*/////////////////////////////////////////////////////////*/

.index_serviceBg .index_title {
	text-align: left;
	line-height: 1;
}

.index_serviceBg .index_title .title_en {
    font-size: clamp(1.7500rem, 3.1250vw, 3.7500rem);
    font-weight: 700;
    font-family: var(--foreign_font);
	color: #333;
}

.index_serviceBg .index_title {
    margin-bottom: clamp(1.7743rem, 2.8646vw, 3.4375rem);
}







/*/////////////////////////////////////////////////////////*/
/*------擐���_�Ｗ����憛�--------*/
/*/////////////////////////////////////////////////////////*/


.index_product_area .swiper-wrapper{
	padding-top: 1.875rem;
}

.index_product_area .swiper-slide{
	padding: .625rem;
}

.index_productBg {
    width: 100%;
    /* ��閫�瘙箸�寞�銝��渡�� padding */
    padding: clamp(2.5807rem, 4.1667vw, 5.0000rem) 0; 
    background-color: #f8f9fa; /* �舫�賂�����瘛箇�啣��脣����閫�瘙箸�寞� */
}

.index_productBg .wrap {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

/* 璅�憿�閮剖� (�梁��) */
.index_productBg .index_title {
    text-align: left;
    margin-bottom: clamp(1.7743rem, 2.8646vw, 3.4375rem);
}

.index_productBg .title_en {
    font-size: clamp(1.7500rem, 3.1250vw, 3.7500rem);
    font-weight: 700;
    font-family: var(--foreign_font);
    color: #333;
    line-height: 1.2;
}

.index_productBg .title {
    font-size: clamp(1.5rem, 1.4583vw, 1.75rem);
    font-weight: 700;
    /* color: var(--third_color, #777);  */
    margin-top: 5px;
}

/* 2. Swiper 摰孵�刻矽�� */
.index_product_area {
    width: 100%;
    /* 靽格迤 Swiper �航�質◤���啁����憿� */
    /* padding: 40px 0 40px 0;  */
    overflow: visible;
}

.index_productSwiper {
    width: 100%;
    /* 霈��啣蔣銝���鋡� swiper 摰孵�典���� */
    overflow: visible; 
}

/* 3. �∠��憭�撅� (Swiper Slide ��) */
.index_product_list {
    width: 100%;
    height: 100%; /* 蝣箔�擃�摨虫��� */
    transition: transform 0.2s ease-in;
    /* Swiper 銝���閬� padding嚗���頝��� JS spaceBetween �批�� */
}

/* Hover 瘚株絲���� */
.index_product_list:hover {
    transform: translateY(-20px);
}

/* 4. �∠���折�� (撖阡��璅�撘�) */
.index_product_list_in {
    display: flex;
    flex-direction: column;
    height: 100%; /* ��皛� Slide 擃�摨� */
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    
    /* �啣蔣���� (��閫�瘙箸�寞�) */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all 0.2s ease-in;
}

.index_product_list:hover .index_product_list_in {
    /* Hover ��瘛梢�啣蔣 */
    box-shadow: 0px 15px 20px -10px rgba(35, 31, 32, 0.25);
    /* color: #fff; */ /* �亙��� hover 霈��賢��舀���� */
}

/* 5. ������憛� */
.index_product_img {
    width: 100%;
    /* ����瘥�靘��箏� 4:3 */
    aspect-ratio: 4 / 3; 
    overflow: hidden;
    position: relative;
}

.index_product_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* ���� Hover �曉之 */
.index_product_list:hover .index_product_img img {
    transform: scale(1.2);
}

/* 6. �批捆��摮���憛� */
.index_product_info {
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* ��皛輸�摨� */
    transition: all .2s ease-in;
}

/* 蝺刻����璅�憿�摰孵�� */
.index_product_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 10px;
}

/* 蝺刻�� */
.index_product_number {
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary_color, #ccc);
    font-family: var(--foreign_font);
    line-height: 1.5;
}

/* 撠�璅�憿� */
.index_product_title {
    font-size: clamp(1.25rem, 0.984rem + 0.43vw, 1.5rem);
    font-weight: 700;
    color: #231F20;
    line-height: 1.5;
    margin-bottom: 0;
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* ��餈啣�扳�� */
.index_product_description {
    font-size: .875rem; /* 14px */
    line-height: 1.5;
    color: #474843;
    margin-bottom: 0;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Swiper ����暺�暺�璅�撘�隤踵�� (�貊��) */
.index_productBg .swiper-pagination-bullet-active {
    background-color: var(--primary_color, #000);
}

/* RWD: ��璈���璅�憿�蝵桐葉 */
@media(max-width:1200px) {
    .index_productBg .index_title {
        text-align: center;
    }
}




/*/////////////////////////////////////////////////////////*/
/*------擐���_�������桀��憛�--------*/
/*/////////////////////////////////////////////////////////*/

.index_serviceBg{
	padding:clamp(2.5807rem, 4.1667vw, 5.0000rem) 0; /* ��撠��� 41.29px��憭批�蝝� 4.1667vw����憭批�� 80px */
	width:100%;

}


.index_serviceBg .index_title2 {
	margin-bottom: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55px */
}
.index_serviceBg .index_title2 .title_en {
	font-size: clamp(1.7500rem, 3.1250vw, 3.7500rem); /* 摮�擃� ��撠��� 28.00px��憭批�蝝� 3.1250vw����憭批�� 60px */
	/* line-height: calc(90 / 60); */
	font-weight: 700;
	font-family: var(--foreign_font);
}
.index_serviceBg .index_title2 .title {
	/* font-size: calc(28 / 16* 1rem); 
	line-height: calc(44.8 / 28);*/
	font-weight: 700;
	color: var(--third_color);
	line-height: inherit;
	font-size: clamp(1.5rem, 1.4583vw, 1.75rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */
}


.index_serviceBg .wrap {
	max-width: 1400px;
	width: 79%;
}

.index_service_area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	gap: 10px;
	display: grid;
    /* �詨�嚗�撘瑕�嗅���� 3 甈�嚗�銝�蝞∟ㄐ�Ｘ��撟曉�����殷��賭���霈�敶� */
    grid-template-columns: repeat(3, 1fr); 
    /* ���桅��頝� */
    gap: clamp(1.25rem, 2vw, 2.5rem); 
    width: 100%;
    margin: 0 auto;
}

.index_service_list {
	padding: 10px 10px;
	/* width: 33.3%; */
	transform: translateY(0);
	transition: all .2s ease-in;
	flex: 1;
}

.index_service_list:hover {
	transform: translateY(-20px);
	/* box-shadow: 0px 15px 20px -10px rgba(35, 31, 32, 0.25), 0px 22px 25px -10px rgba(35, 31, 32, 0.2); */
	
}

a.index_service_list_in {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	overflow: hidden;
	background: #fff;
	display: block;
	color: #000;
	text-decoration: none;
	transition: all .2s ease-in;
	border-radius: 10px;
}

.index_service_info {
	padding: 20px 20px 30px;
	height: 40%;
	/* background-color: none; */
	transition: all .2s ease-in;
}

.index_service_list:hover .index_service_info {
	/* background-color: var(--primary_color); */
	transition: all .1s ease-in;
	
}

.index_service_list:hover .index_service_list_in {
	color: #fff;
	transition: all .1s ease-in;
}

.index_service_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	/* margin-bottom: 10px; */
}
.index_service_title {
	font-size: 17px;
    font-weight: 700;
	margin-bottom: 0;
	overflow: hidden;
	line-height: 1.5;
	/* font-size: calc(24 / 16* 1rem); */
	font-size: clamp(1.25rem, 0.984rem + 0.43vw, 1.5rem);
   
    color: #231F20;
    position: relative;

	text-overflow: ellipsis; /* 頞��箄��訾誑...�蹂誨 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1 ; /* ���嗉��� */
	box-sizing:border-box;
}

.index_service_number {
	content: "01";
    /* position: absolute;
    top: 50%; */
    /* transform: translate(-31px, -50%); */
    font-size: calc(16 / 16* 1rem);
    line-height: 1.5;
    font-weight: 700;
    color:var(--primary_color);
    font-family: var(--foreign_font);
    /*font-display: swap;*/

	display: none;
}

.index_service_img {
	height: 60%;
	position: relative;
	padding-top: 60%;
	overflow: hidden;
}

.index_service_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transform: scale(1);
	transition: all .2s ease-in;
}

.index_service_list:hover .index_service_img img {
	transform: scale(1.2);
}


.index_service_description {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* font-size: 14px; */
	line-height: 1.5;
	font-size: .875rem; /*14px*/
    
    color: #474843;
    margin-bottom: 0;
	min-height: 5.25rem;
	/*padding-left: clamp(1.2258rem, 1.9792vw, 2.3750rem);*/ /* ��撠��� 19.61px��憭批�蝝� 1.9792vw����憭批�� 38.00px */
}
.index_service_list:first-of-type .index_service_description {
	/*padding-left: clamp(1.0646rem, 1.7188vw, 2.0625rem);*/ /* ��撠��� 17.03px��憭批�蝝� 1.7188vw����憭批�� 33.00px */
}














@media(max-width:1440px) {

	.index_service_info {
		padding: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* ��撠��� 7.74px��憭批�蝝� 0.7813vw����憭批�� 15px */

	}
}

@media(max-width:1200px) {

	.index_serviceBg {
		position: unset;
		transform: translate(0, 0);
		/* padding: 0px 0; */
	}

	.index_serviceBg .wrap {
		width: 90%;
	}

	.index_serviceBg .index_title2 {
		display: block;
	}

}

@media(max-width:990px) {

	.index_middle_Bg a {
		position: relative;
		display: block;
		padding-top: 90%;
	}


	.index_serviceBg {
		margin:  clamp(2.5807rem, 4.1667vw, 5rem) 0; /* ��撠��� 41.29px��憭批�蝝� 4.1667vw����憭批�� 80px */
		padding: 0;
	}
	.index_serviceBg .wrap {
		width: 90%;
	}
	.index_serviceBg .index_title2{
		text-align: center;
		margin-bottom:  clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
	}
	.index_serviceBg .index_title2 .title_en {
		font-size: clamp(1.5000rem, 1.4583vw, 1.7500rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */
		/* font-weight: 700; */
		/* font-family: var(--foreign_font); */
	}
	.index_serviceBg .index_title2 .title {
		/* font-size: calc(24 / 16* 1rem); */
		/* line-height: calc(44.8 / 28); */
		font-weight: 700;
		line-height: inherit;
	}

}





@media(max-width:640px) {

	.index_serviceBg {
	}

		.index_serviceBg .wrap {
			width: 90%;
		}

			.index_service_area {
				display: block;
				margin: 0;
			}

				.index_service_list {
					padding: .3125rem;
					width: 100%;
					height: auto;
					margin: 25px 0;
					/* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
				}

				.index_service_img {
					height: 50%;
					padding-top: 50%;
				}


}


@media(max-width:540px){

	.index_serviceBg {
		margin-top:clamp(2.5807rem, 4.1667vw, 5.0000rem); /* ��撠��� 41.29px��憭批�蝝� 4.1667vw����憭批�� 80px */
	}

}










/*/////////////////////////////////////////////////////////*/
/*------擐���_銝剝�������臬��--------*/
/*/////////////////////////////////////////////////////////*/


/* 銝剝�������臬��_蝚砌�憛�-------------------------- */
.index_middle_Bg{
	width: 100%;
	max-width: 1920px;
}
.index_middle_Bg a{
	position: relative;
	display: block;
	padding-top: 31.25%;
}
.index_middle_Bg a img{
	width:100%;
	height:auto;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.3s ease-out;

}


@media(max-width:990px) {

	/* 銝剝�������臬��_蝚砌�憛� */
	.index_middle_Bg{
		width: 100%;
		max-width: 1920px;
		/* margin-top: 50px; */
		margin-top: clamp(2.1875rem, 4.1667vw, 5rem); /* ��撠��� 35px��憭批�蝝� 4.1667vw����憭批�� 80px */
	}

}



/*/////////////////////////////////////////////////////////*/
/*------擐���_�Ｗ��撠�����憛�--------*/
/*/////////////////////////////////////////////////////////*/

.index_itemBg .index_title {
	line-height: 1;
}

.index_itemBg .index_title .title_en {
    font-size: clamp(1.7500rem, 3.1250vw, 3.7500rem);
    font-weight: 700;
    font-family: var(--foreign_font);
	color: #333;
}

.index_itemBg .index_title {
    margin-top: clamp(2.5807rem, 4.1667vw, 5.0000rem);
}

.index_title2 {
    font-size: clamp(0.875rem, 0.9375vw, 1.125rem);
    line-height: 1.2;
    color: var(--white_color);
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: clamp(12.5rem, 17.7083vw, 21.25rem);
    width: 100%;
}

.index_title2 strong {
    font-size: inherit;
    line-height: initial;
    padding: 0;
    margin: 0;
    display: block;
    padding: 16px;
    background-color: var(--primary_color);
    border-radius: 0 0 10px 10px;
    width: 100%;
    text-align: center;
    font-family: var"Montserrat", serif(--foreign_font);
}

.index_productBg{}

	.index_productBg .wrap{
		position: relative;
	}

		.index_productBg .index_title2 {
			/*max-width: clamp(17.5rem, 17.7083vw, 21.25rem);*/  /*��撠��� 280px��憭批�蝝� 17.7083vw����憭批�� 340px*/
		}	

		.index_productBg  .more_button_area{
			justify-content: center;
			padding-top: clamp(.7813rem, 4.0104vw, 4.8125rem);  /*��撠��� 12.5px��憭批�蝝� 4.0104vw����憭批�� 77px*/
			/*padding-bottom: clamp(17.5rem, 17.7083vw, 21.25rem);*/  /*��撠��� 280px��憭批�蝝� 17.7083vw����憭批�� 340px*/
			padding-bottom: clamp(1.5625rem, 8.0729vw, 9.6875rem);  /*��撠��� 25px��憭批�蝝� 8.0729vw����憭批�� 155px*/
		}


		.index_product_area{
			/*padding: clamp(1.5625rem, 5.2083vw, 6.25rem);*/  /*��撠��� 25px��憭批�蝝� 5.2083vw����憭批�� 100px*/
			/* padding-top: clamp(1.5625rem, 6.6667vw, 3.125rem);   */
			/*��撠��� 25px��憭批�蝝� 6.6667vw����憭批�� 50px*/
			/* padding-left: 0;
			padding-right: 0; */

			/* display: grid;
			grid-template-columns: repeat(3 , 1fr); */
			/* gap: 30px; */
			/*gap: clamp(1.25rem, 1.5625vw, 1.875rem);*/  /*��撠��� 20px��憭批�蝝� 1.5625vw����憭批�� 30px*/
		}

			.index_productList{
				/* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
			}
				.index_productIn{
					padding-bottom: 5px;
				}
					.index_productIn a{
						display: block;
						color: #fff;
						text-decoration: none;
					}

						.index_productCard{
							
						}
							.index_product_img{
								
							}
								.index_product_img span{
									position: relative;
									padding-top: 74%;
									border-radius: 10px;
									display: block;
									overflow: hidden;
								}
									.index_product_img img{
										width: 100%;
										height: 100%;
										object-fit: cover;
										position: absolute;
										top: 0;
										left: 0;
										bottom: 0;
										right: 0;
										float: none;
										width: 100% !important;
										height: 100% !important;
										object-fit: cover;
										transition: 0.3s ease all;
									}

							.productListTit{
								/* display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 3;
								overflow: hidden; */
								font-size: clamp(.9375rem, 0.9375vw, 1.125rem);  /*摮�擃� ��撠��� 15px��憭批�蝝� 0.9375vw����憭批�� 18px*/
								font-weight: 600;
								color: #333;
								margin-top: clamp(0.625rem, 0.7813vw, .9375rem);  /*��撠��� 10px��憭批�蝝� 0.7813vw����憭批�� 15px*/
							}
								.productListTit strong{
									font-size: inherit;
									line-height: inherit;
									font-weight: inherit;
    								display: block;
								}

								/* .index_productList:hover{
									color: #fff;
									transition: all .1s ease-in;
								} */

								/*hover�桃蔗------------------*/
								.index_product_hover{
									width: 100%;
									aspect-ratio: 1.351 /  1;
									position: absolute;
									bottom: 0;
									left: 0;
								}
								.index_product_hover::before {
									content: " ";
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									margin: 0;
									box-sizing: border-box;
									z-index: -1;
									transition: filter .4s ease, opacity .4s ease !important;
									filter: opacity(0);	
								}
								.index_productIn a:hover .index_product_hover::before{
									/* filter: opacity(1);
									background: linear-gradient(180deg, rgba(58, 106, 253, 0), rgba(58, 106, 253, 0.5)) !important;
									z-index: 1; */
								}

/* �亦���游�����---------------- */

.index_productBg  .more_button_area{
	display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
	justify-content: center;
	padding-top: clamp(.7813rem, 4.0104vw, 4.8125rem);  /*��撠��� 12.5px��憭批�蝝� 4.0104vw����憭批�� 77px*/
	padding-bottom: clamp(2.5807rem, 4.1667vw, 5.0000rem);
}

.more_button {
    border: 1px solid var(--primary_color);
    transition: var(--transition_data);
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white_color);
    color: var(--primary_color);
    border-radius: 6.25rem;
    position: relative;
    z-index: 1;
    width: max-content;
    font-weight: 500;
    font-size: 1rem;
    overflow: hidden;
    padding: 15px 25px;
}

.home_main .more_button {
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.more_button:hover {
    text-decoration: none;
    box-shadow: none;
    transition: var(--transition_data);
	background-color: var(--primary_color);
	color: var(--white_color);
}


@media (max-width: 990px){

	.index_productBg{
		padding:5% 0 ;
	}
		.index_product_area{
			/* padding: 88px 0 0; */
		}

		.index_productBg .index_title2 {
			/*max-width: clamp(17.5rem, 17.7083vw, 21.25rem);*/  /*��撠��� 280px��憭批�蝝� 17.7083vw����憭批�� 340px*/
		}	

		.index_productBg  .more_button_area{
			padding-top: 44px;
			padding-bottom: 88px; 
		}


}

@media (max-width: 768px){

	.index_product_area{
		/* display: flex;
		flex-direction: column;
		grid-template-columns: unset; */
		/*gap: clamp(1.25rem, 1.5625vw, 1.875rem);*/  /*��撠��� 20px��憭批�蝝� 1.5625vw����憭批�� 30px*/
	}

}


.index_product_description {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* font-size: 14px; */
	line-height: 1.5;
	font-size: 0.875rem; /* 14px */
    
    color: #474843;
    margin-bottom: 0;
	min-height: 5.25rem;
	/* padding-left: clamp(1.2258rem, 1.9792vw, 2.3750rem); */
	 /* ��撠��� 19.61px��憭批�蝝� 1.9792vw����憭批�� 38.00px */
}
.index_product_list:first-of-type .index_product_description {
	/* padding-left: clamp(1.0646rem, 1.7188vw, 2.0625rem); */
	 /* ��撠��� 17.03px��憭批�蝝� 1.7188vw����憭批�� 33.00px */
}



/* �Ｗ��撠�����璈����臬��------------------------------ */
	.index_middle_Bg.product_mobile{
		display: none;
	}
	.index_middle_Bg.product_mobile{
		display: block;
		margin-top: 0;
	}
	/* ��璈��輯憚�剝�暺� */
	.index_middle_Bg .swiper-pagination.mobile{
		display: block;
		position: relative;
		margin-top:  clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
	}
	
	.index_middle_Bg  .swiper-pagination.mobile .swiper-pagination-bullet{
		background-color: var(--primary_color);
	}
	.index_middle_Bg  .swiper-pagination.mobile .swiper-pagination-bullet-active{
		width:30px;
		border-radius: 4px;
		background-color: var(--primary_color) !important;
	}
	/* ��璈��輻宏�士over���� */
	.index_product_list:hover .index_product_img img {
		transform: unset;
	}
	.index_product_list:hover .index_product_list_in {
		color: unset;
		transition: unset
	}




	.index_product_list {
	}
	
	.index_product_list:hover {
		transform: translateY(0px);
	}





@media(max-width:768px){

	.index_productBg .wrap{
		margin: 0 auto;
		width: 90%;
		max-width: unset;
	}

}








/*/////////////////////////////////////////////////////////*/
/*------ �Ｗ��撠��� Hover �寞�� (��閫�瘙箸�寞���甇�) --------*/
/*/////////////////////////////////////////////////////////*/

/* 1. �∠���湧�銝�瘚� */
.index_product_list {
    transition: transform 0.2s ease-in;
    /* ��鋆∪���砍停�� padding嚗�靽����喳�� */
}

.index_product_list:hover {
    transform: translateY(-20px); /* 銝�瘚� 20px */
    z-index: 2; /* 蝣箔�瘚株絲靘���憯��典�嗡���蝝�銝��� */
}

/* 2. �批惜��憛�嚗����航��� + �啣蔣��瘛� */
.index_product_list:hover .index_product_list_in {
    
    
    /* �啣蔣��瘛� */
    box-shadow: 0px 15px 20px -10px rgba(35, 31, 32, 0.25);
}

/* 3. �����曉之 */
.index_product_list:hover .index_product_img img {
    transform: scale(1.2); /* �曉之 1.2 �� */
}

/* 4. 蝝圈�冽��摮�憿��脖耨甇� (蝣箔�������摮��質���) */
.index_product_list:hover .index_product_title,
.index_product_list:hover .index_product_description,
.index_product_list:hover .index_product_number {
    
    transition: color 0.1s ease-in;
}









/*/////////////////////////////////////////////////////////*/
/*------擐���_���唳��臬��憛�--------*/
/*/////////////////////////////////////////////////////////*/
.index_newsBg{
	position: relative;
	width:100%;
	min-height: 100vh;
	max-height: 100%;
	/* background-image: url(../index/images/bg3.webp); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.index_newsBg .wrap{
	margin: 0;
	max-width: calc(100% - 6.25rem); /*100px*/
	padding: clamp(2.0968rem, 3.3854vw, 4.0625rem) 0; /* ��撠��� 33.55px��憭批�蝝� 3.3854vw����憭批�� 65px */
}
.index_newsBg .container{
	display: flex;
	/* justify-content: space-around; */
	align-items: flex-start;
	flex-wrap: wrap;
	flex: 1;
	/* padding: 150px 20px; */
	background-color: #fff;
	width: 100%;
	border-radius: 10px;

	padding:clamp(4.8389rem, 7.8125vw, 9.3750rem) 0; /*  ��撠��� 77.42px��憭批�蝝� 7.8125vw����憭批�� 150px */
	padding-left: clamp(0.6452rem, 1.0417vw, 1.2500rem); /*  ��撠��� 10.32px��憭批�蝝� 1.0417vw����憭批�� 20px */
	padding-right: clamp(0.6452rem, 1.0417vw, 1.2500rem); /*  ��撠��� 10.32px��憭批�蝝� 1.0417vw����憭批�� 20px */
	
	column-gap: .9375rem;
	display: grid;
	grid-template-columns: clamp(16.1296rem, 26.0417vw, 31.2500rem) auto; /* ��撠��� 258.07px��憭批�蝝� 26.0417vw����憭批�� 500px */
}
.index_newsBg .news_left{
	/* width: 20%; */
	flex: 1;

}
.index_newsBg .news_left .title{
	text-align: center;
	font-size: clamp(1.5000rem, 1.4583vw, 1.7500rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */
	font-weight: 700;
	color: var(--third_color);
	color: #777;
}
.index_newsBg .news_left .title_en{
	font-family: var(--foreign_font);
	text-align: center;
	font-size: clamp(1.7500rem, 3.1250vw, 3.7500rem); /* 摮�擃� ��撠��� 28.00px��憭批�蝝� 3.1250vw����憭批�� 60.00px */
	font-weight: 700;
}
.index_newsBg .news_left .btn_area{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-top: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
}
.index_newproductBg .btn_area.pc{
}
.index_newproductBg .btn_area.mobile{
	/* display: none; */
}



/* ���唳��臬��銵� */
.index_newsBg .news_right{
	/* width: calc(100% - 31.25rem); */
}
.index_newsBg .news_right .list_area {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex: 1;
	/* gap: 10px; */

}
.index_newsBg .news_right .list_area .list_item{
	display: flex;
	justify-content: center;
	align-items: center;
	/* flex-wrap: wrap; */
	flex: 1;
	gap: 10px;
	padding-bottom: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  ��撠��� 15.48px��憭批�蝝� 1.5625vw����憭批�� 30.00px */
	padding-top: clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  ��撠��� 15.48px��憭批�蝝� 1.5625vw����憭批�� 30.00px */
	border-bottom: 1px solid #ccc;
}
.index_newsBg .news_right .list_area .list_item:first-of-type {
	padding-top: 0;
}
/* ������憛� */
.index_newsBg .news_right .list_area .list_item .list_item_left {
	/* width: 20%; */
	flex: 1;
}
.index_newsBg .news_right .list_area .list_item .list_item_left .list_img {
	width: 200px;
	

}
.index_newsBg .news_right .list_area .list_item .list_item_left .list_img a {
	position: relative;
	display: block;
	padding-top: 66.7%;

}
.index_newsBg .news_right .list_area .list_item  .list_img a img{
	width:100%;
	height:auto;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.3s ease-out;
	

}
/* ���唳��臬��銵灶�����喳�� */
.index_newsBg .news_right .list_area .list_item .list_item_right {
	width: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.index_newsBg .news_right .list_area .list_item .list_top {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 15px;

	/* gap: 5px; */
}
.index_newsBg .news_right .list_area .list_item .list_top .tag{
   padding: 2px 10px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    background-color: var(--second_color);
    border-radius: 13px;
    /* margin-right: 10px; */
    font-family: var(--foreign_font);
}
.index_newsBg .news_right .list_area .list_item .list_top .date_range{
	display: flex;
	flex-direction: row;
	gap: 5px;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1.1;
	color: #474843;
	font-family: var(--foreign_font);
}
	.index_newsBg .date_range .start_date{
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		font-family: inherit;
	}



.index_newsBg .news_right .list_area .list_item .list_item_bottom .list_item_title{
    display: -webkit-box;         /* 敹�憿颱蝙�� flexbox �瑕� */
    -webkit-box-orient: vertical; /* 霈曄蔭銝箏���湔�孵�� */
    -webkit-line-clamp: 2;        /* ���嗆�曄內��銵��� */
    overflow: hidden;             /* ����憭�雿�����摰� */
    text-overflow: ellipsis;      /* 皞Ｗ�箏��摰寞�曄內���亙�� */
    max-width: 1500px;            /* 霈曄蔭��憭批捐摨佗��舫��嚗� */
}
.index_newsBg .news_right .list_area .list_item .list_item_bottom .list_item_title a{
	font-size: 1rem;
	display: block;
	text-decoration: none;
	line-height: 1.5;
	color: #474843;
	margin-bottom: 0;
}
.btn_area.mobile{
	display: none;
}	










/* �刻�Ｗ�憭扳��1201��嚗�憟��券��鋆∠���孵�璅�撘� */ 
@media screen and (min-width: 991px){

	.index_newsBg {
		justify-content: unset;
	}
		.index_newsBg .container {
			border-radius: 0 10px 10px 0;
		}

}




@media(max-width:1200px){

    .index_newsBg .wrap {
        margin: 0 auto;
    }
	
	.index_newsBg .container{
		padding-top: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* ��撠��� 30.97px��憭批�蝝� 3.1250vw����憭批�� 60.00px */
		padding-bottom: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* ��撠��� 30.97px��憭批�蝝� 3.1250vw����憭批�� 60.00px */
		
		grid-template-columns: none;
		display: flex;		
		flex-direction: column;
		row-gap:  clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
	}


	.news_left{
		margin:0 auto;
	}
	/* ���唳��臬��銵� */
	.index_newsBg .news_right{
		width: 100%;

	}
	.index_newsBg .btn_area.pc{
		display: none;
	}
	.index_newsBg .btn_area.mobile{
		display: flex;
		justify-content: center;
	}

}
@media(max-width:990px){
	.index_newsBg{
		padding: 0;
		/* margin-top: 80px; */
		padding: clamp(2.1875rem, 4.1667vw, 5rem) 0; /* ��撠��� 35px��憭批�蝝� 4.1667vw����憭批�� 80px */
		display: block;
		background-image: unset;
		background-color: #fff;
	}
	.index_newsBg .news_left .title{
		text-align: center;
		/* font-size: 28px; */
		font-weight: 700;
	}
	.index_newsBg .wrap{
		width: 100%;
		max-width: unset;
		padding: 0;
	}
	.index_newsBg .container{
		padding: 0 40px;
		padding: 5%;
		border-radius: unset;
	}
	.index_newsBg .news_left .title{
		text-align: center;
		/* font-size: 24px; */
		font-weight: 700;
	}
	.index_newsBg .news_left .title_en{
		text-align: center;
		font-size: 28px;
		font-weight: 700;
	font-size: clamp(1.5000rem, 1.4583vw, 1.7500rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */
	}
	


}
@media(max-width:540px){
	.index_newsBg .news_right .list_area .list_item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* flex-wrap: wrap; */
		flex: 1;
		gap: 10px;
		padding-bottom: 30px;
		padding-top: 30px;
		border-bottom: 1px solid #ccc;
		width: 100%;
	}
	/* ������憛� */
	.index_newsBg .news_right .list_area .list_item .list_item_left {
	width: 100%;
	flex: 1;
	}
	.index_newsBg .news_right .list_area .list_item .list_item_left .list_img {
		width: 100%;
		

	}
	/* ���唳��臬��銵灶�����喳�� */
	.index_newsBg .news_right .list_area .list_item .list_item_right {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	}
	.index_newsBg .news_left{
		margin-bottom: 10px;
	
	}
	


}

/*========================================================*/
/*-------擐���_敶梁��撠�����憛�--------*/
/*========================================================*/

.index_videoBg{
	/* padding: 55px 0; */
	padding:clamp(1.7743rem, 2.8646vw, 3.4375rem) 0; /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55px */
	/* background-color: var(--primary_color); */
	position: relative;
	/* background-color: #ccc; */
}

    .index_videoBg .index_decorate__word_background span{
		/* opacity: 0.7; */
	}
	.index_videoBg  .wrap{
		/* max-width: 1650px; */
		max-width:clamp(53.2275rem, 85.9375vw, 103.1250rem); /* ��撠��� 851.64px��憭批�蝝� 85.9375vw����憭批�� 1650px */
		width: 80%;
	}


	.index_video_top_area{
		display: flex;
		flex-direction: column;
	}
	/* 敶梁��撠���璅�憿���憛� */
	.index_videoBg .index_title  {
		margin: 0 auto;
		color: #fff;
		text-align: left;
		margin-bottom: clamp(1.7743rem, 2.8646vw, 3.4375rem);
	}		
	
	.index_videoBg .index_title .title_en {
		font-size: clamp(1.7500rem, 3.1250vw, 3.7500rem); /* 摮�擃� ��撠��� 28.00px��憭批�蝝� 3.1250vw����憭批�� 60.00px */
		font-family: var(--foreign_font);
	}	
	.index_videoBg .index_title .title{
		font-size: clamp(1.5000rem, 1.4583vw, 1.7500rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */
		color: #777;
	}	
	
		.index_videoBg  .index_title .index_title_line{
			background-color: rgba(255, 255, 255, 1);
			margin-left: 0;
			margin-right: auto;
		}	
		.index_videoBg  .index_title .img{
			/* max-width: 55px;
			min-width: 20px;
			width: 2.8646vw;
			position: absolute; */
			bottom: 6px;
			left: calc(-2.8646vw + -10px);
		}
		
	.index_video_area {
		/* display: flex;
		flex-direction: column; */
		/* position: relative; */
	}
	

		.index_video_content{
			z-index: 2;
			position: relative;
			animation-duration: 2.5s;
			transition-timing-function: cubic-bezier(.47,0,.745,.715);
		}
		
			.index_video_s{
				position: relative;
			}

				





@media (max-width: 1200px){

	.index_videoBg  .wrap{
		width: 90%;
		max-width: unset;
	}

}


@media (max-width: 990px){


	/* 敶梁��撠���璅�憿���憛� */
	.index_videoBg   {
		padding: 0;
		margin: clamp(2.5807rem, 4.1667vw, 5rem) 0; /* ��撠��� 41.29px��憭批�蝝� 4.1667vw����憭批�� 80px */

	}

	.index_videoBg  .wrap{
		width: 90%;
	}


	/* 敶梁��撠���璅�憿���憛� */
	.index_videoBg .index_title  {
		position: relative;
		left: 0;
		color: #231F20;
		margin: 0;
		top: 0;
		text-align: center;
		margin-bottom: clamp(1.2904rem, 2.0833vw, 2.5rem); /* ��撠��� 20.65px��憭批�蝝� 2.0833vw����憭批�� 40px */
	}
	/* 敶梁��撠���璅�憿���憛� */
	.index_videoBg .index_title .title_en {
		font-size: 28px;
		font-size: clamp(1.5000rem, 1.4583vw, 1.7500rem); /* 摮�擃� ��撠��� 24.00px��憭批�蝝� 1.4583vw����憭批�� 28.00px */

	}
	/* 敶梁��撠���璅�憿���憛� */
	.index_videoBg .index_title .title {
		/* font-size: 24px; */
		text-shadow: none;
	}


}
@media (max-width: 540px){


	/* 敶梁��撠���璅�憿���憛� */
	.index_videoBg   {
		padding: 0;
		/* margin-top: 50px; */
	}
	


}





/*========================================================*/
/*-------敶梁��撠�����憛�--------*/
/*========================================================*/



/* 敶梁��撠�����銵� */
.video_list {
	color: #FFF;
}
	.video_box{
	}

	/* 敶梁��撠�����銵灶�� */
	.videoImg {
		text-align: center; /* ����蝵桐葉 */
		position: relative;
	}

		.videoImg img {
			/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
		}
			.videoImg span{
				position: relative;
				padding-top: 56.25%;
				/* border: 5px #fff solid; */
				display: block;
				overflow: hidden;	
				transition: 0.3s ease all;	
				background-color: #000;	
				border-radius: 10px;
				cursor: pointer;	
			}
				.videoImg span > img{
					width: 100%;
					height: 100%;
					object-fit: cover;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					float: none;
					width: 100% !important;
					height: 100% !important;
					object-fit: contain;
					transition: 0.3s ease all;	
					
				}
				.videoImg span:hover img{
					opacity: 0.5;
					transform: scale(1.05);		
				}

			.video_list .play{	
				cursor: pointer;
				/* max-width: 128px;
				min-width: 90px; */
				width:  clamp(5.6250rem, 6.6667vw, 8.0000rem); /* ��撠��� 90px��憭批�蝝� 6.6667vw����憭批�� 128px */
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50% , -50%);
				z-index: 5;
			}
				.video_list .play img{
					width: 100%;
					height: auto;
					object-fit: cover;
				}


/* 敶梁��撠�����銵灶銝��寡�閮� */
/* .videoBottom {
	margin-top: -130px;
	margin-left: 200px;
	padding-left: 10px;
	border-left:3px #fff solid;
	position: absolute;
	z-index: 10;
} */
/* 敶梁��撠�����銵灶銝��寡�閮� */
		.videoBottom { 	
			position: relative;
			margin: 0;
			margin-top: 10px;
			color: #000;
			border-left: 3px solid #000;
		}
	/* 敶梁��撠�����銵灶璅�憿� */
	.videoBottom .title {
		margin-bottom: 0px;
		color:var(--primary_color);
		/* font-size: 18px; */
		font-size: min(max(0.9375vw, .875rem), 1.375rem); /*摮�擃�憭批� 0.9375vw����撠��� 16px����憭批�� 18px*/
		font-weight: 400;
		line-height: 1.25;
		cursor: pointer;
		text-shadow: 0 1px 5px #fff;
		padding-left: .3125rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;	
		-webkit-line-clamp: 3;	
		overflow: hidden;
	}


	.videoBottom .title:hover {
		color: var(--second_color); /* 皛�曌��詨����頞���蝯�憿��� */
		/* opacity: 0.7; */
	}
	.index_videoSwiper{
		position: relative;
	}
	/* .index_video_s .swiper_btn{
		margin: unset;
		margin-top: 0px;
		width: 80px;
		height: 40px;
		aspect-ratio: 2  / 1;
		border-radius: 22px;
		background-color: #fff;
		display: flex;
		transition: all 0.3s ease;
		color: var(--primary_color);
		position: absolute;
		z-index: 10;
		top: 0;
		bottom: 100px;
		left: 100px;
		border: 2px solid var(--primary_color);
	} */

	.index_video_s .swiper_btn{
		margin: 0 auto;
		margin-top: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* ��撠��� 28.39px��憭批�蝝� 2.8646vw����憭批�� 55.00px */
		width: 80px;
		height: 40px;
		border-radius: 22px;
		background-color: #fff;
		display: flex;
		transition: all 0.3s ease;
		color: var(--primary_color);
		position: relative;
		z-index: 10;
		/* top: 0; */
		bottom: 0px;
		left: 0px;
		border: 1px solid var(--primary_color);
	}
	.swiper-button-prev-video{
		background-image: unset;
	}
	.swiper-button-prev-video{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		transition: all 0.3s ease;
		cursor: pointer;
	}
	.swiper-button-next-video{
		background-image: unset;
	}
	.swiper-button-next-video{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		transition: all 0.3s ease;
		cursor: pointer;
	}

@media (max-width: 990px){


	/* .index_video_s .swiper_btn{
		margin: 0 auto;
		margin-top: clamp(1.7743rem, 2.8646vw, 3.4375rem); 
		width: 80px;
		height: 40px;
		border-radius: 22px;
		background-color: #fff;
		display: flex;
		transition: all 0.3s ease;
		color: var(--primary_color);
		position: relative;
		z-index: 10;
		bottom: 0px;
		left: 0px;
		border: 1px solid var(--primary_color);
	} */
		

}
@media (max-width: 540px){

		/* .videoBottom { 	
			position: relative;
			margin: 0;
			margin-top: 10px;
			color: #000;
			border-left: 3px solid #000;
		} */

}








/*/////////////////////////////////////////////////////////*/
/*-------��蝞�--------*/
/*/////////////////////////////////////////////////////////*/

	
	
/*��蝞�*/
.lightboxArea {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	/* padding:124px 0px; */
	display:none;
}
	/*��蝞梢�摨�*/
	.lightboxBG {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
	}
	
	/*��蝞曹蜓擃�*/
	.lightboxMain {
		/* height:360px; */
		/* width:80%; */
		margin:0 auto;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		/* transform:scale(0); */
		top:0px;
		box-sizing:border-box;
		font-size:0px;
		margin: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0);
		width: 75vw;
		height: calc(75vw * 9 / 16);
	}
		/*������蝞望����*/
		.lightboxCloseBtn {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 45px;
			height: 45px;
			line-height: 45px;
			color: #fff;
			background: var(--primary_color);
			/* right: 20px;
			top: 20px; */
			right: 0px;
			top: 0px;
			border: solid var(--primary_color) 1px;
			box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
			/* font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background:#2a6695;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2; */
		}
		.lightboxCloseBtn svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			margin: auto;
			transition: 0.3s ease all;
		}
			.lightboxCloseBtn:hover {
				transition: 0.3s ease all;
			}
			.lightboxCloseBtn:hover svg{
				fill: var(--dark_color);
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
			/* .lightboxCloseBtn:hover {
				background:#221912;
				color:#fff;
			} */
			
		/*��蝞梯�����*/
		.lightboxContentArea {
			/* height: 100%; */
			/* height: 80vh; */
			height: inherit;
		}
		
/* .index_video_list {
	position:relative;
	float:left;
	cursor:pointer;
	background:#000;
	margin:28px 0px 0px 0px;
}
	.index_video_list > img {
		opacity:0.6;
		transition:0.3s ease all;
		width:100%;
		height:auto;
	}
	.vL_text_area {
		position:absolute;
		width:100%;
		max-width: 15%;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.vL_text_area img {
			width:100%;
			height:auto;
		} */
		/*hover*/
		/* .index_video_list:hover > img {
			opacity:1;
		} */

/* .video_list_area {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	font-size:0px;
	margin:0 -12px -30px;
} */
/*firefox hack*/
/* @-moz-document url-prefix() { 
  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
} */

	/* .video_list {
		box-sizing:border-box;
		padding: 0px 12px 30px;
		width:33.3%;
	}

	.video_list2{
		width:100%;
		padding: 0px 0px 30px;
	} */


	/*firefox hack*/
	/* @-moz-document url-prefix() { 
	  .video_list {
		  padding:65px 11px 0px 11px;
	  }
	}
		.video_list .index_video_list {
			float:none;
			margin:0px;
			border-radius: 5px;
			overflow: hidden;
		}
			.video_list_remark {
				font-size: 18px;
				line-height: 24px;
				color: #3d3d3d;
				padding: 10px 0px 0px 0px;
				font-weight: bold;
			} */
			
	/*敶梢�喟��蝞梢＊蝷箸��������*/
	.video_use {
		/* padding: 100px 0px; */
	}
		.video_use .lightboxMain {
			/* height:450px; */
		}
	
	/*敶梢�喟��蝞�*/
	.video {
		height:100%;
	}
		.video iframe {
			height:1px;
			height:100%;
			width:100%;
		}


@media (max-width: 990px){	
	/*��蝞曹蜓擃�*/
	.lightboxMain {
		width: 90vw;
		height: calc(90vw * 9 / 16);
	}
}

@media (max-width: 950px){	

	/*��蝞梯�����*/
	.lightboxContentArea {
		height: 100%;
	}

}

@media (max-width: 600px){	

/* .video_list_area {
    display: block;
    flex-wrap: unset;
    flex-direction: unset;
} */

	/*---Video---*/
	/* .video_list {
		width: 100%;
		padding:0 0 30px;
	} */
	/*.video_list:nth-child(2n+1) {
		padding: 35px 0px 30px 0px;
	}
	.video_list:nth-child(2n+0) {
		padding: 35px 0px 30px 0px;
	}*/
	

	
	
}