@font-face{
     font-family: 'MontserratBold'; 
     src: url('../font/MontserratBold.otf');
	 src: url('../font/MontserratBold.woff');
}
@font-face{
     font-family: 'Montserrat-ExtraBold'; 
     src: url('../font/Montserrat-ExtraBold.otf');
}
@font-face{
     font-family: 'Montserrat-Light'; 
     src: url('../font/Montserrat-Light.otf');
}
@font-face{
     font-family: 'Montserrat-Regular'; 
     src: url('../font/Montserrat-Regular.otf');
}
@font-face{
     font-family: 'Montserrat-SemiBold'; 
     src: url('../font/Montserrat-SemiBold.otf');
}
div,p,a,span,ul,li,h4,h3,h2,h1{box-sizing: border-box;}
*{
	margin: 0;
	padding: 0;
	font-family: 'MontserratRegular';
	text-decoration: none;
}
ul,li{
	list-style: none;
}

.why_competence_h4 h4{
	padding-left: 20px;
	font-size: 30px;
	line-height: 36px;
	margin-top: 110px;
	font-family: 'MontserratBold';
	position: relative;
}
.why_competence_h4 h4::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    background-color: #E60012;
    border-radius: 5px 5px 5px 5px;

}
.why_competence_h4{
	margin-bottom: -4px;
}

.why_competence_ul_txt h4{
	line-height: 1.6;

}
/* .swiper-slide{
	transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 0.5;
  transform: scale(0.8);
} */
.swiper-slide img{
	width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
}


.swiper-slide-active img{
	transition:6s linear;
		transform:scale(1,1);
  }

  .whyContentWH1{width: 1085px;height: auto;margin: 0px auto;}
.whyContentWH{width: 1300px;height: auto;margin: 0px auto;}
.why_banner{width: 100%;height: auto;position: relative;}
.why_banner_bg{width: 100%;height: auto;}
.why_banner_bg img{width: 100%;height: auto;display: block;}
.why_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.why_banner_content h1{font-size: 45px;color: #FFFFFF;font-family: "MontserratBold";text-align: center;margin-top: 40px;}
.content{width: 100%;height: auto;}
.why_competence_box{width: 100%;height: auto;padding-top: 117px;padding-bottom: 120px;}
.why_competence_title{width: 83.1%;height: auto;margin: 0px auto;}
.why_competence_title h4{font-family: "MontserratBold";font-size: 40px;color: #333333;text-align: center;margin: 0;text-transform: uppercase; line-height: normal;}
.why_competence_title h4 strong{color: #E60012;font-family: "MontserratBold";}
.why_competence_title p{font-size: 20px;color: #666666;text-align: center;font-family: "Montserrat-Regular";line-height: 1.6;margin: 0;margin-top: 40px;}
.why_competence_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 26px;}
.why_competence_ul li{width: 400px;height: auto;overflow: hidden;border-radius: 26px;margin-top: 50px;box-shadow: 0 0 35px rgba(145,145,145,0.15);}
.why_competence_ul_img{width: 100%;height: auto;overflow: hidden;}
.why_competence_ul_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.why_competence_ul_txt{width: 100%;height: 140px;display: flex;padding: 0 30px;font-size: 18px;color: #474747;line-height: 1.6;padding-top: 10%;}
.why_competence_ul li:hover .why_competence_ul_img img{transform: scale(1.1);}
.why_txt_swiper_box{width: 100%;height: 170px;margin-top: 100px;border-radius: 26px;overflow: hidden;box-shadow: 0 0 35px rgba(145,145,145,0.15);}
.why_txt_swiper_sw{width: 100%;height: 100%;}
.why_txt_swiper_sw .swiper-slide{display: flex;justify-content: space-between;padding: 45px 65px;padding-bottom: 35px;align-items: flex-start;}
.why_txt_swiper_sw .swiper-slide h4{font-size: 16px;color: #333333;text-transform: uppercase;font-weight: 700;}
.why_txt_swiper_sw .swiper-slide p{display: block;width: 916px;padding-left: 50px;font-size: 14px;font-family: "Montserrat-Light";line-height: 1.6;border-left: 1px solid #E60012;}
.why_txt_swiper_sw_page{width: 100%;bottom: 35px !important;}
.why_txt_swiper_sw_page span{background: none;width: 10px;height: 10px;border: 1px solid #CECECE;border-radius: 50%;opacity: 1;}
.why_txt_swiper_sw_page span + span{margin-left: 14px;}
.why_txt_swiper_sw_page span.swiper-pagination-bullet-active{border-color: #E60012;}
.why_products_box{width: 100%;height: auto;padding: 116px 0 120px 0;background: url(/Public/Uploads/uploadfile/images/20240805/20240805-164835.jpg) no-repeat center center;background-size: cover;}
.why_products_ul{width: 100%;height: auto;display: flex;justify-content: left;flex-wrap: wrap;}
.why_products_ul li{margin-top: 70px;width: 315px;height: auto;aspect-ratio:315/401.5; border-radius: 26px;overflow: hidden;position: relative;margin-left: 70px;}
.why_products_ul li:nth-of-type(3n+1){margin-left: 0;}
.why_products_ul li:after{content: "";display: block;width: 100%;height: 100%;background: linear-gradient(to bottom right, #EFF0F4, #F0F1F3, #EEEFF2, #F4F5F7);position: absolute;left: 0;bottom: 0;mix-blend-mode: multiply;}
.why_products_ul_img{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 2; text-align: center;}
.why_products_ul_img img{width: 100%;height: 100%;object-fit: cover;mix-blend-mode: initial;transition: all 0.3s;}
.why_products_ul li h4{color: #333333;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 34px;opacity: 0.9;transition: all 0.3s;display: block;width: 100%;z-index: 100;font-size: 14px;}
.why_products_ul_cate h4{color: #333333;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);top: 10%;opacity: 0;transition: all 0.3s;display: block;width: 100%;z-index: 100;}
.why_products_ul li:hover h4{opacity: 1;}
.why_products_ul li:hover .why_products_ul_img img{transform: scale(1.1);}
.why_product_more{width: 217px;height: 43px;}
.why_product_more{display: block;width: 217px;height: 43px;border-radius: 6px;overflow: hidden;position: relative;margin: 0px auto;margin-top: 97px;}
.why_product_more:before {content: "";position: absolute;inset: 0;background:#3f3f3f; -webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0); -webkit-mask-clip: content-box,border-box;-webkit-mask-composite: xor; mask-composite: exclude; padding: 2px; border-radius: 6px;}
.why_product_more span{ display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 12px;color: #3f3f3f;position: relative;z-index: 2;font-family: "MontserratBold";transition: all 0.6s;}
.why_product_more:hover:before{background:linear-gradient(90deg, rgba(255,117,89,1) 0%, rgba(230,0,19,1) 100%);transition: all 0.6s;}
.why_product_more:hover span{background:linear-gradient(90deg, rgba(255,117,89,1) 0%, rgba(230,0,19,1) 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.why_center_box{width: 100%;height: auto;padding: 130px 0 120px 0;}
.why_centerWH{width: 1380px;height: auto;margin: 0px auto;}
.why_center_content{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 77px;overflow: hidden;border-radius: 26px;box-shadow: 0 0 35px rgba(147,147,147,0.15);}
.why_center_content_left{width: 50%;height: auto;padding-left: 126px;display: flex;align-items: center;}
.why_center_content_left_txt{width: auto;height: auto;}
.why_center_content_left_txt h4{font-family: "MontserratBold";font-size: 24px;color: #333333;margin-bottom: 25px;line-height: 1.5;}
.why_center_content_left_txt p span{font-family: "MontserratBold";color: #E60012;padding-right: 10px;}
.why_center_content_left_txt p{font-size: 16px;color: #666666;margin-top: 25px;}
.why_center_content_right{width: 50%;height: auto;}
.why_center_content_right_sw{width: 100%;height: 100%;}
.why_center_content_right_sw img{width: 100%;height: 100%;object-fit: cover;display: block;}
.why_txt_swiper_sw_page{width: 100%;bottom: 35px !important;}
.why_center_content_right_sw_page span{background: none;width: 10px;height: 10px;border: 1px solid #CECECE;border-radius: 50%;opacity: 1;}
.why_center_content_right_sw_page span + span{margin-left: 14px;}
.why_center_content_right_sw_page span.swiper-pagination-bullet-active{border-color: #E60012;}
.why_family_box{width: 100%;height: auto;padding: 116px 0;background: url(/Public/Uploads/uploadfile/images/20240730/why_family_bg.jpg) no-repeat center center;background-size: cover;}
.why_family_bg{width: 100%;height: auto;display: none;}
.why_family_bg img{width: 100%;height: auto;display: block;}
.why_family_box .why_centerWH{display: flex;justify-content: flex-end;}
.why_family_content_box{width: 900px;height: 580px;border-radius: 26px;background: rgba(255,255,255,0.96);padding: 0 59px;}
.why_family_content_btn{width: 100%;height: auto;display: flex;justify-content: space-around;border-bottom: 1px solid #999999;margin-top: 50px;}
.why_family_content_btn li{padding-bottom: 23px;font-size: 30px;color: #333333;font-family: "MontserratBold";position: relative;cursor: pointer;}
.why_family_content_btn li + li{margin-left: 27px;}
.why_family_content_btn li:after{content: "";display: block;width: 100%;height: 2px;background: #E60012;position: absolute;left: 0;bottom: -1px;display: none;}
.why_family_content_btn li.on,.why_family_content_btn li:hover{color: #E60012;}
.why_family_content_btn li:hover:after,.why_family_content_btn li.on:after{display: block;}
.why_family_content{width: 100%;height: auto;}
.why_family_content_list{width: 100%;height: auto;display: none;}
.why_family_content_list_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 85px;}
.why_family_content_list_ul_ico{width: 78px;height: auto;margin: 0px auto;}
.why_family_content_list_ul_ico img{width: 100%;height: auto;display: block;}
.why_family_content_list_ul li h4{font-size: 45px;color: #333333;text-align: center;font-family: "MontserratBold";margin-top: 15px;}
.why_family_content_list_ul li p{font-size: 16px;color: #999999;font-family: "Montserrat-Light";text-align: center;margin-top: 12px;text-transform: uppercase;}
.why_family_content_list_img{width: 630px;height: auto;margin: 0px auto;margin-top: 38px;}
.why_family_content_list_img img{width: 100%;height: auto;display: block;}
.why_brand_box{width: 100%;height: auto;padding: 120px 0px;}
.why_brand_ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 36px;width: 100%;}
.why_brand_ul li{margin-top: 64px;margin-left: 80px;width: 196px;height: auto;}
.why_brand_ul li:nth-last-of-type(1){width: auto;}
.why_brand_ul li:nth-of-type(5n+1){margin-left: 0;}
.why_brand_ul_img img{display: block;margin: 0px auto;}
.why_brand_ul_img img:nth-last-of-type(1){margin-top: 18px;}
.why_brand_ul li h4{font-size: 14px;color: #333333;font-family: "Montserrat-Light";text-align: center;margin-top: 18px;text-transform: capitalize;font-weight: 700;line-height: 1.75;}
@media (max-width: 1400px) {

	.why_competence_title{width: 100%;}
	.whyContentWH{width: 92%;}
	.why_competence_ul li{width: 32%;border-radius: 10px;}
	.why_competence_ul_txt{padding: 0 20px; padding-top: 10%;}
	.why_txt_swiper_sw .swiper-slide p{width: 725px;}
	.why_products_ul li{width: 266px;}
	.why_centerWH{width: 92%;}
	.why_center_content_left_txt{padding: 50px 0;}
	.why_center_content_left{padding-left: 68px;}
	.why_brand_ul li{margin-left: 31px;}
	.whyContentWH1{width: 80%;}
	
}
@media (max-width: 1200px) {
	.why_txt_swiper_sw .swiper-slide p{width: 69%;}
	.why_products_ul li{width: 32%;margin-left: 2%;}
	.why_products_ul li:nth-of-type(4n+1){margin-left: 2%;}
	.why_products_ul li:nth-of-type(3n+1){margin-left: 0;}
	.why_brand_ul li{width: 23.4%;}
	.why_brand_ul li:nth-of-type(5n+1),.why_brand_ul li{margin-left: 2.1%;}
	.why_brand_ul li:nth-of-type(4n+1){margin-left: 0;}
}
@media (max-width: 990px) {
	.why_banner_content h1{font-size: 38px;margin-top: 0;}
	.why_competence_box{padding: 58px 0;}
	.why_competence_ul li{width: 49.2%;}
	.why_txt_swiper_box{height: 197px;}
	.why_txt_swiper_sw .swiper-slide p{width: 62%;padding-left: 20px;}
	.why_products_box{padding: 58px 0;}
	.why_competence_title h4{font-size: 32px;}
	.why_products_ul{margin-top: 43px;justify-content: space-between;}
	.why_products_ul li{margin-left: 0 !important;width: 48.5%;}
	.why_product_more{margin-top: 58px;}
	.why_center_content_left_txt{width: 100%;padding: 25px 0;}
	.why_center_content_left{padding-left: 25px;}
	.why_center_content_left_txt h4{font-size: 16px;}
	.why_center_content_left_txt p{font-size: 12px;margin-top: 12px;}
	.why_center_box{padding: 58px 0;}
	.why_center_content{margin-top: 58px;}
	.why_family_box{padding: 58px 0;background: none;}
	.why_family_bg{display: block;}
	.why_family_box .why_centerWH{margin-top: -182px;position: relative;z-index: 2;}
	.why_family_content_box{width: 100%;background: #FFFFFF;box-shadow: 0 0 35px rgba(147,147,147,0.15);}
	.why_family_content_btn li{font-size: 24px;}
	.why_family_content_list_ul li h4{font-size: 32px;}
	.why_family_content_list_img{width: 100%;height: auto;}
	.why_brand_box{padding: 58px 0;padding-top: 0;}
	.why_brand_ul li{width: 32%;}
	.why_brand_ul li:nth-of-type(5n+1),.why_brand_ul li:nth-of-type(4n+1), .why_brand_ul li{margin-left: 2%;}
	.why_brand_ul li:nth-of-type(3n+1){margin-left: 0;}
}
@media (max-width: 768px) {
	.he_banbx1 .he_bantti1 p{
		margin-bottom: 0px;
	}
	.whyContentWH1 {
		width: 92%;
	}
	.why_competence_h4 h4{
		font-size: 16px;
		line-height: 1;
		margin-top: 30px;
	}
	.why_products_ul li{
		margin-top: 20px;
	}
	.why_brand_ul li h4 {
		line-height: 1.5;
	}

	.why_family_bg .he_banpc{
		display: none;
	}
	
	.why_products_ul li h4{
		opacity: 0.9;
	}
	.he_banbx1 .he_bantti1 p{
		font-size: 18px;
	}
	.why_competence_ul_txt h4{
		font-size: 12px;
		line-height: 1.75;
	}
	.why_competence_ul li{
		width: 46.5%;
	}
	.why_banner_content h1{font-size: 20px;}
	.why_competence_box{padding: 38px 0;}
	.why_competence_title h4{font-size: 18px;}
	.why_competence_title p{font-size: 13px;margin-top: 15px;}
	.why_competence_ul{margin-top: 10px;}
	.why_competence_ul li{margin-top: 20px;}
	.why_competence_ul_txt{font-size: 14px;height: auto;padding: 15px;}
	.why_txt_swiper_sw .swiper-slide{padding: 20px 30px;}
	.why_txt_swiper_sw .swiper-slide h4{font-size: 13px;display: block;width: 25%;word-wrap: break-word;font-weight: 700;}
	.why_txt_swiper_sw .swiper-slide p{width: 71%;padding-left: 10px;}
	.why_txt_swiper_sw_page{bottom: 5px !important;}
	.why_txt_swiper_box{margin-top: 38px;}
	.why_products_ul{margin-top: 18px;}
	.why_products_ul li h4{font-size: 12px;bottom: 15px;padding: 0 15px;}
	.why_product_more{margin-top: 38px;}
	.why_products_box{padding: 38px 0;}
	.why_center_box{padding: 38px 0;}
	.why_center_content{margin-top: 38px;}
	.why_family_box{padding-top: 0;padding-bottom: 38px;}
	.why_family_content_box{height: auto;padding: 0 20px;}
	.why_family_content_btn{margin-top: 20px;}
	.why_family_box .why_centerWH{margin-top: -42px;}
	.why_family_content_btn li{font-size: 14px;text-align: center;padding-bottom: 10px;}
	.why_family_content_list{padding-bottom: 50px;}
	.why_family_content_list_ul{margin-top: 20px;}
	.why_family_content_list_ul_ico{width: 40px;}
	.why_family_content_list_ul li h4{font-size: 18px;margin-top: 10px;}
	.why_family_content_list_ul li p{font-size: 10px;margin-top: 10px;line-height: 1.5;}
	.why_brand_ul{margin-top: 18px;justify-content: space-between;}
	.why_brand_ul li{margin-top: 30px;width: 49%;margin-left: 0 !important;}
	.why_brand_ul li:nth-last-of-type(1){width: 100%;}
}
@media (max-width: 640px){
	.why_center_content{flex-wrap: wrap;flex-direction: column-reverse;}
	.why_center_content_right{width: 100%;}
	.why_center_content_left{width: 100%;padding-left: 0;}
	.why_center_content_left_txt{padding: 25px;}
	.why_center_content_left_txt h4{margin-bottom: 10px;}
	.why_txt_swiper_sw .swiper-slide{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
	.why_txt_swiper_sw .swiper-slide h4{width: 100%;font-size: 16px;}
	.why_txt_swiper_sw .swiper-slide p{padding-left: 0;padding-top: 10px;margin-top: 10px;border-top: 1px solid #E60012;width: 100%;border-left: none;}
}