/*-------首頁----------------------------------------------------------------------------*/
.indexMain {
}
	.indexMain .wrap {
		font-size:0px;
	}
	
/*首頁公司簡介*/
.indexAbout {
	display:none;
	width:367px;
	/* float:left; */
	box-shadow: 0px -3px 7px rgba(0,0,0,0.15);
	margin:37px 0px 0px;
	padding:19px 17px;
	box-sizing:border-box;
}
	.indexAboutInfo {
		font-size:15px;
		line-height:24px;
		color:#333;
		padding:18px 0px 0px;
		height: 142px;
		overflow: hidden;
		letter-spacing: 3px;
	}

/*首頁廠區輪播*/
.indexFactory {
	/*width:368px;*/
	box-sizing:border-box;
	width:38%;
	padding:37px 0px 23px 0px;
	/* float:left; */
	position: relative;
}
	.indexFactory .device {
		overflow:visible;
	}
		/*輪播點點*/
		.indexFactory .pagination {
		  position: absolute;
		  bottom: -16px;
		  width: 100%;
		}
			.indexFactory .swiper-pagination-switch {
			  display: inline-block;
			  width: 5px;
			  height: 5px;
			  border-radius: 100%;
			  background: #b3b3b3;
			  margin: 0 13px;
			  cursor: pointer;
			}
			.indexFactory .swiper-active-switch {/*輪播點點當前模式*/
			  background: var(--primary_color);
			}

	
	
/*首頁最新消息*/
.indexNews {
	/* float:right; */
	/*width:366px;*/
	box-sizing:border-box;
	width:58%;
	padding:37px 0px 0px;
}
	.indexNewsListArea {
	}
		.indexNewsList {
			position:relative;
			padding:14px 0px 14px 18px;
			border-bottom: solid 1px #dadada;
		}
			.iNL_icon {
				position:absolute;
				width:11px;
				height:11px;
				border-radius:100%;
				background:#636363;
				top:14px;
				left:0px;
			}
				.iNL_icon:before {
					position:absolute;
					content:'';
					width:1px;
					height:5px;
					background:#fff;
					top:3px;
					left:5px;
				}
				.iNL_icon:after {
					position:absolute;
					content:'';
					width:5px;
					height:1px;
					background:#fff;
					top:5px;
					left:3px;
				}
			.iNL_time {
				font-size:12px;
				color:#8d8d8d;
				letter-spacing:0.25px;
			}
			.iNL_tit {
				padding:9px 0px 0px;
			}
				.iNL_tit a {
					line-height: normal;
					font-size:15px;
					color:#171717;
					text-decoration:none;
					display: block;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
					.iNL_tit a:hover {
						color:var(--primary_color);
					}



	
	
	@media (max-width: 1200px){
		/*首頁公司簡介*//*首頁最新消息*/
		.indexAbout, .indexNews {
			/* width:274px; */
		}
		
		/*首頁廠區輪播*/
		.indexFactory {
			padding: 37px 0px 23px 0px;
		}
	}


	
/* 在螢幕寬度大於1201時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {
	.indexMain .wrap {
		/* padding-left: clamp(1.75rem, 1.017rem + 1.18vw, 2.438rem); */
		display: flex;
		justify-content: space-between;
		gap: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);
	}
}

		@media (max-width: 990px){

			.indexMain .wrap {
			    /* font-size: 0px; */
			    display: flex;
			    flex-direction: column;
			    gap: 25px;
			}
			
			/*首頁公司簡介*/
			.indexAbout {
				width:49.8%;
				float:none;
				/* display:inline-block; */
				vertical-align:top;
				box-sizing:border-box;
			}
				.indexAboutInfo {
					height: 97px;
				}
				
			/*首頁廠區輪播*/
			.indexFactory {
				width:49.8%;
				float:none;
				display:inline-block;
				vertical-align: top;
				box-sizing:border-box;
				width: 100%;
			}
			
			/*首頁最新消息*/
			.indexNews {
				box-sizing:border-box;
				float:none;
				width:auto;
				padding: 25px 0px 0px;
				padding: 0;
			}
		}
			@media (max-width: 640px){
				/*首頁公司簡介*/
				.indexAbout {
					display:block;
					width:auto;
					display: none;
				}
					.indexAboutInfo {
						height: auto;
					}
				
				/*首頁廠區輪播*/
				.indexFactory {
					display:block;
					width:auto;
					padding:25px 0px 23px;
				}
			}