.leftUl {
    font-weight: bold;
    font-size: clamp(14px, 1.041vw, 50px);
    margin-right: 36.13px;
    position: sticky;
    top: 90px;
}
.centerBox3 {
	position: relative;
	padding: 0 13.542vw 2vw;
}
.centerBox3 {
    
}

.flex {
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: auto;
}
.caseSwiperDiv,  .caseSwiperDiv2{
	position: relative;
}

.downBox {
	align-items: flex-start;
	margin-bottom: 1.563vw;
}

.pdfBox {
	width: 24.375vw;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	padding: 131px 0.677vw 0.677vw;
	cursor: pointer;
	position: relative;
	transition: all 1s ease-in-out;
}

.pdfBox:hover .downLoadBac {
	opacity: 1;
}

.eye:hover {
	background: #005550;
}

.pdfBox:hover .pafImg1 {
	opacity: 0;
}

.pdfBox:hover .pafImg2 {
	opacity: 1;
}

.pafImg {
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	margin: 0 auto;
}

.pafImg1 {
	opacity: 1;
	transition: opacity 1s ease-in-out;
}

.pafImg2 {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.pdfP {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 1.042vw;
	text-align: center;
	padding: 0 1.406vw;

}

.pdfBottom {
	justify-content: space-between;
}

.pdfBottom div {
	width: 2.656vw;
	height: 2.031vw;
	background: #005550;
	justify-content: center;
	transition: all 1s ease-in-out;

}

.pdfBottom div img {
	width: 70%;
}

.downLoad:hover {
	background: #005550;
}

.downLoadBac {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.pdfDiv {
	position: relative;
	z-index: 1;
}

.rightPdf {
	flex: 1;
	justify-content: space-between;
}

.pdfBox {
	margin-bottom: 2.396vw;
}

.faqsLeft2 {
	width: 46vw;
}

.faqsLeft2 .selDiv {
	width: 100%;
}

.rightPdf .newsText p {
	max-width: 24.417vw !important;
}

.rightPdf .newsDiv2 {
	width: 49%;
	margin-bottom: 3.125vw;
}

.pdfBottom {
    justify-content: space-between;
}
.pdfBottom>a {
    width: 2.656vw;
    height: 2.031vw;
    background: #040E27;
    justify-content: center;
    transition: all 1s ease-in-out;
}.pdfBottom>a img {
    width: 70%;
}



.caseSwiperBox .title {
	font-weight: bold;
	font-size: clamp(16px, 2.083vw, 50px);
	color: #040E27;
	margin-bottom: 4.444vw;
}

.caseSwiperBox .title>p {
	padding-bottom: 1.042vw;
}

.titleLine {
	width: 100%;
	background: rgba(4, 14, 39, .2);
	height: 1px;
	position: relative;
}

.titleLine div {
	position: absolute;
	width: 2.76vw;
	height: 0.313vw;
	background: #040E27;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}



.caseSwiper2 {
	overflow: hidden;
}

.newsDiv3 img {
	/* width: 35.3vw !important;
				height: 21.042vw !important; */
	width: 100% !important;
	height: 300px !important;
	margin-bottom: 1.563vw;
	margin-right: 0;
    object-fit: contain;
}

.newsBox .newsText {
	flex: 1;
}

.newsText3 {
	padding: 15px 15px 40px;
}

/* .caseSwiper {
	height: 24.406vw;
} */



.newsDiv3 img {
	/* width: 35.3vw !important;
				height: 21.042vw !important; */
	width: 100% !important;
	height: 300px !important;
	margin-bottom: 1.563vw;
	margin-right: 0;
}

.newsBox .newsText {
	flex: 1;
}

.newsText3 p {
	max-width: 100%;
}

/* .caseSwiper {
	height: 24.406vw;
} */

/* .caseSwiper2 {
				height: 33.854vw;
			} */

.caseSwiperDiv2 .swiper-button2 {
	/* top: 9.896vw; */
	/* right: 0 !important; */
}


.h13 {
	margin-top: 0 !important;
	padding-left: 0;
	margin-bottom: 0 !important;

}

.centerButton {
	transition: all 0.5s ease-in-out;
	position: relative;
	width: 10vw;
	height: 25px;
	/* border: solid 1px #040e27; */
}

.centerButton a {
	transition: all 0.5s ease-in-out;
	width: 9.344vw;
	height: 43px;
	background-color: #040e27;
	text-align: center;
	line-height: 43px;
	color: #ffffff;
	font-size: clamp(16px, 1vw, 50px);
	position: absolute;
	top: -9px;
	left: 50%;
	transform: translateX(-50%);
}

.newsP1 {
	font-size: clamp(16px, 0.833vw, 50px);
	color: #666666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsP2 {
	font-size: clamp(16px, 1.042vw, 50px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0.417vw 0 1.25vw;
	transition: all 0.5s ease-in-out;
}

/* .newsText p {
	max-width: 25.417vw;
} */

.newsP3 {
	font-size: clamp(16px, 0.833vw, 50px);
	margin-bottom: 1.302vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newsDiv:hover .newsP2 {
	color: #005550 !important;
}

.newsDiv:hover .centerButton a {
	background: #005550 !important;
}

.newsDiv:hover .centerButton {
	border: solid 1px #005550 !important;
}

.centerButton:hover a {
	/* transition: all 0.5s ease-in-out; */
	background-color: #005550 !important;
}



.swiper-button2 {
    transition: all 0.5s ease-in-out;
    position: absolute;
    top: 6.979vw;
    cursor: pointer;
    width: 1.302vw;
    height: 2.292vw;
    background: #999999;
    z-index: 999;
}



.caseSwiperTop {
	width: 100%;
	height: 16.406vw;
	border: 1px solid #DDDDDD;
	justify-content: center;
}

.caseSwiperTop img {
	width: 14.688vw;
	height: auto;
}

.caseSwiperTitle {
	font-size: clamp(16px, 1.146vw, 50px);
	color: #333333;
	font-weight: bold;
	margin: 1.042vw 0 1.563vw;
	text-align: center;
}

.caseSwiper .centerButton {
	margin: 0 auto;
}

.swiper-button2 {
    transition: all 0.5s ease-in-out;
    position: absolute;
    top: 6.979vw;
    cursor: pointer;
    width: 1.302vw;
    height: 2.292vw;
    background: #999999;
    z-index: 999;
}
.swiper-button-next2 {
    right: -0.625vw;
}.swiper-button2 img {
    width: 70%;
    height: auto;
    margin: 0 auto;
}.swiper-button-prev2 img {
    transform: rotate(180deg);
}

.swiper-button2 img {
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.swiper-button-prev2 {
    left: -0.625vw;
}




.videoBox {
	margin-bottom: 3.125vw;
	justify-content: space-between;
}

.videoDiv {
	cursor: pointer;
	width: 49%;
}

.videoDiv p {
	font-size: clamp(16px, 1.042vw, 50px);
	color: #040E27;
	margin: 0.938vw 0 1.042vw;
	text-align: center;
	font-weight: bold;
	transition: all 0.5s ease-in-out;
}

.videoDiv:hover p {
	color: #005550;
}



.videoTop{
	position: relative;
	padding-bottom: 60%;
	}
	.videoTop>img:nth-child(1){
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	}
	.videoTop>img:nth-child(2){
	width: 62px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	}




	.caseSwiper .swiper-slide {
		padding-bottom: 30px;
	}






@media screen and (max-width: 1400px) {
	.product-view {
		margin: 0 auto;
	}

	.centerBox3 {
		padding: 0 5% 2vw;
	}
}
@media screen and (max-width: 1700px) {
    .centerBox3 {
        padding: 0 2% 2vw;
    }
	.gardenGatesTop,.gardenGatesDivText{
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 1120px) {
    .centerButton a {
        width: 141px;
        height: 43px;
        font-size: 16px !important;
        line-height: 43px !important;
    }  
	.caseSwiper .swiper-slide {
		padding-bottom: 60px;
	}
	.swiper-button2 {
		display: none;
	}
	 
}