.product_service_wrap.LIDAR {
	justify-content: center !important;
	column-gap: 20px;
	width:100%;
}
.product_service_wrap.LIDAR .left, .product_service_wrap.LIDAR .right {
	width:380px;
	height:auto;
	position: relative;
	aspect-ratio:24 / 33;
}
.product_service_wrap.LIDAR .left .imgbox {
	margin-left: auto;
}
.product_service_wrap.LIDAR .imgbox {
	width:100%;
	height:100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.product_service_wrap.LIDAR .imgbox img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.pc-swiper {
	width: 100%;
	overflow: hidden;
	height: 100%;
}
.pc-swiper .swiper-slide {
	width: 100%;
	cursor: pointer;
}
.pc-swiper .swiper-slide p, .product_service_wrap.LIDAR .left .imgbox p {
	position: absolute;
	bottom: 0;
	right: 5px;
	color: #fff;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	font-weight:700;
	text-align:right;
}
.pc-swiper .swiper-slide p.black {
	color: #000;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.pc-swiper.swiper-pagination {
	position: absolute;
	height:5px;
	width: 100%;
	top: 0;
	left: 0
}
.pc-swiper.swiper-pagination .swiper-pagination-progressbar-fill {
	--swiper-theme-color : #222;
}
.photo_name {
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    color:#fff;
    position:absolute;
    top:10px;
    left:10px;
}
@media screen and (max-width:2560px){
	.product_service_wrap.LIDAR .left, .product_service_wrap.LIDAR .right {
		width:500px;
	}
}
@media screen and (max-width:1920px){
	.product_service_wrap.LIDAR .left, .product_service_wrap.LIDAR .right {
		width:380px;
	}
}
@media screen and (max-width:1500px){

}

@media screen and (max-width:1080px){
	.product_service_wrap.LIDAR {
		justify-content:space-between;
	}
    .product_service_wrap.LIDAR .left, .product_service_wrap.LIDAR .right {
    	width: 48%;
    }
}

@media screen and (max-width:780px){
   	#container .product_service_wrap {
   		flex-direction:column;
   	}
   	#container .product_service_wrap.LIDAR {
   		flex-direction:inherit;
   		column-gap:5px;
   		row-gap:0;
   	}
    #container .product_service_wrap li .hover_box {
    	padding:20px;
    }
    #container .product_service_wrap li h3.photo_name {
    	margin-bottom:0;
   	}
}

@media screen and (max-width:550px){
    .product_service_wrap.LIDAR {
    	flex-wrap: nowrap !important;
    }
    .pc-swiper .swiper-slide p, .product_service_wrap.LIDAR .left .imgbox p {
    	font-size:15px;
    }
    .more_btn {
    	margin-top:10px;
    }
}